您的位置：首页 > 其它

百度地图API删除指定marker

2016-07-08 16:42 302 查看
刚入行前端小菜鸟一个，自己琢磨的一种实现方式，第一次写博客，语言和代码可能有不够清晰的地方，欢迎大神批评指正~

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

第一种构思是同时接收所有商户位置与报修位置，遍历两个位置后进行匹配，将报修位置以高亮的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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  百度地图 删除marker
相关文章推荐
新的分享
章节导航