openlayers地图实现地点标注

在使用OpenLayers添加和删除地图标注时遇到问题,当删除标注后,再次添加时,之前删除的标注会重现。问题源于将iconFeature设为全局变量,解决方案是避免使用全局变量并确保在删除时清空点集合数组。完整代码示例展示了如何正确添加、删除地图上的标注。
摘要由CSDN通过智能技术生成

出现的问题是:我每次添加标注后删除,确实删除了,但是当我再次添加不同的标注时,第一次删除的标注再次一块和第二次的标注同时显示在地图上。

后来发现是iconFeature不能设置全局变量,我设置它为全局变量就会有这个问题,而且点集合(数组)如果设置的是全局变量,删除时也要都先清空数组,不然还会出现这个问题,但是这样还会有一个问题,就是我添加一次然后删除,再添加再删除是没有问题的,如果我添加一次,再添加一次,然后最后再删除,那么只会删除第二次添加的,就是只会删除最近添加的,这个问题等以后在研究吧。现在先把这次解决的代码记下来。页面完整代码。

import 'ol/ol.css';
import {Map, View} from 'ol';
import OSM from 'ol/source/OSM';
import FullScreen from 'ol/control/FullScreen';
import Feature from 'ol/Feature.js';
import Point from 'ol/geom/Point.js';
i

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值