229：vue+openlayers解决setText不能立即更新文字的问题

Posted 2023-03-31 还是大剑师兰特

第229个

点击查看专栏目录

本示例的目的是介绍如何在vue+openlayer中解决setText()不能立即更新文字的问题。 出现这个示例是因为协助一位订阅用户解决上述问题。点击更换文字，console中显示了更新的文字，但是在地图上没有显示出来。究其原因是setText()要更新feature的内容，原来的feature没有立即更新，所以要强制其更新。方法见源代码。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果 如果底图不能正常显示，请更换底图。

文章目录

• • • 示例效果
    • 配置方式
    • 示例源代码（共132行）
    • 相关API参考
    • 专栏目标

示例效果

vue openlayer聚合是啥意思

参考技术A

vue openlayer聚合是指：聚合图层实现指定图标脱离聚合效果

OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后，OpenLayers已经将所用到的Prototype.js组件整合到了自身当中，并不断在Prototype.js的基础上完善面向对象的开发，Rico用到地方不多，只是在OpenLayers.Popup.AnchoredBubble类中圆角化DIV。

OpenLayers