百度地图api,点击标注,改变标注marker图标的链接地址

改变选中的图标样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1 // 选中高亮标注图片
 2 let mapIcon = ‘./icon.png’; 
 3
 4 //标注点
 5 let markerArrs = [{},{},....];
 6
 7
 8 // 点击标注点
 9 marker.addEventListener("click", (evt) => {
10     for (let j = 0; j < markerArrs.length; j++) {
11               const element = markerArrs[j];
12                // 初始化点的时候绑定customId
13                 let ids = evt.target ? evt.target.id : evt.customId;
14                if( ids === element.id){
15                  element.setIcon(new BMap.Icon(mapIcon, new BMap.Size(24,39)));
16                }else{
17                // 初始化点的时候绑定初始化iconSrc标注地址
18                element.setIcon(new BMap.Icon(element.iconSrc, new BMap.Size(24,39)));
19        }
20    }
21 }

  简单例子

复制代码
1 //简单点说明
2 var pointAIcon2= new BMap.Icon(url2, new BMap.Size(28,28));
3  
4 markerArm.addEventListener("click",function () {
5       this.setIcon(pointAIcon2);
6  });
 
复制代码

 

 

posted @   八月正凉  阅读(323)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示