百度地图marker点击切换icon以及上一个icon恢复原样

最新推荐文章于 2024-05-07 09:39:53 发布

无人之岛08

最新推荐文章于 2024-05-07 09:39:53 发布

阅读量1.1k

点赞数

分类专栏： js 文章标签：百度 javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_51634305/article/details/126625909

版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于BMap的地图应用案例，通过监听地图点击事件来改变被点击标记图标的样式。具体实现中，使用了JavaScript编程语言，并且详细展示了如何根据不同条件更换标记图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var preMarker;
this.map.addEventListener("click", function (e) {
console.log(e);
if (e.overlay && e.overlay.toString()=='[object Marker]') {
    var myIcon2 = new BMap.Icon(require("https://mapopen-website-wiki.cdn.bcebos.com/markers.png"), new BMap.Size(19, 25), {
        anchor: new BMap.Size(10, 25),
        imageOffset: new BMap.Size(0, 0 - 11 * 25)
    });
    if (typeof (preMarker) != 'undefined') {
        preMarker.setIcon(myIcon2);
    }
    var myIcon = new BMap.Icon(require("https://mapopen-website-wiki.cdn.bcebos.com/markers.png"), new BMap.Size(19, 25), {
        anchor: new BMap.Size(10, 25),
        imageOffset: new BMap.Size(0, 0 - 12 * 25)
    });
    e.overlay.setIcon(myIcon);
    preMarker = e.overlay;
    console.log(preMarker);
}
});