百度地图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 });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端