百度地图API删除指定marker

最新推荐文章于 2022-11-11 10:42:34 发布

nassatar

最新推荐文章于 2022-11-11 10:42:34 发布

阅读量2.7w

点赞数 1

分类专栏：积淀文章标签：百度地图删除marker

本文链接：https://blog.csdn.net/nassatar/article/details/51862207

版权

积淀专栏收录该内容

1 篇文章 0 订阅

订阅专栏

刚入行前端小菜鸟一个，自己琢磨的一种实现方式，第一次写博客，语言和代码可能有不够清晰的地方，欢迎大神批评指正~
闲话不多说，最近在开发公司管理后台的派工系统，要求是所有商户位置正常标注，报修的商户位置高亮显示。开始有两种构思：
第一种构思是同时接收所有商户位置与报修位置，遍历两个位置后进行匹配，将报修位置以高亮的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>

nassatar

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
百度地图API删除指定marker

刚入行前端小菜鸟一个，自己琢磨的一种实现方式，第一次写博客，语言和代码可能有不够清晰的地方，欢迎大神批评指正~ 闲话不多说，最近在开发公司管理后台的派工系统，要求是所有商户位置正常标注，报修的商户位置高亮显示。开始有两种构思：第一种构思是同时接收所有商户位置与报修位置，遍历两个位置后进行匹配，将报修位置以高亮的icon标注，其余位置正常标注；第二种构思是添加所有商户位置到地图中，引用后端数
复制链接

扫一扫