200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 百度地图API删除指定marker

百度地图API删除指定marker

时间:2019-05-13 00:59:18

相关推荐

百度地图API删除指定marker

刚入行前端小菜鸟一个,自己琢磨的一种实现方式,第一次写博客,语言和代码可能有不够清晰的地方,欢迎大神批评指正~

闲话不多说,最近在开发公司管理后台的派工系统,要求是所有商户位置正常标注,报修的商户位置高亮显示。开始有两种构思:

第一种构思是同时接收所有商户位置与报修位置,遍历两个位置后进行匹配,将报修位置以高亮的icon标注,其余位置正常标注;

第二种构思是添加所有商户位置到地图中,引用后端数据后删除报修点的标注,然后用新的icon将报修点重新标注在地图上。

但是在尝试第二种构思时,总是不知道如何删除指定位置的点,百度查了很多方法,各不相同,但是可能自己愚昧,也没有一种能实现公司的要求,于是采用了第一种方式,但是这样写就没法将函数写在ajax的success回调函数内了,因为我自己运用ajax并不太熟练,所以试着去找到实现第二种构思的方法。百度API提供的实例只有通过getLabel()方发删除特定Label属性的标注,于是我尝试用getPosition()方法来匹配标注点经纬度,来删除指定点,结果尝试后实现了想要的功能。

参考代码如下

<body><div id="allmap"></div><input type="button" onclick="deletePoint()" value="删除经度为104.044444的点"/></body></html><script type="text/javascript">var map = new BMap.Map("allmap");var point = new BMap.Point(104.07287, 30.663207);map.centerAndZoom(point, 11);var points = new Array();points[0] = [104.100000, 30.790000];points[1] = [104.044444, 30.600000];points[2] = [104.055555, 30.822222];for(var j = 0;j<=points.length;j++) {var marker = new BMap.Marker(new BMap.Point(points[j][0], points[j][1]));map.addOverlay(marker);}function deletePoint(){var allOverlay = map.getOverlays();for(var i = 0;i<allOverlay.length;i++) {//删除指定经度的点if (allOverlay[i].getPosition().lng == 104.044444) {map.removeOverlay(allOverlay[i]);return false;}}}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。