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

改变选中的图标样式

// 选中高亮标注图片
let mapIcon = ‘./icon.png’;  

//标注点
let markerArrs = [{},{},....]; 


// 点击标注点
marker.addEventListener("click", (evt) => {
    for (let j = 0; j < markerArrs.length; j++) {
              const element = markerArrs[j];
               // 初始化点的时候绑定customId
                let ids = evt.target ? evt.target.id : evt.customId;
               if( ids === element.id){
                 element.setIcon(new BMap.Icon(mapIcon, new BMap.Size(24,39)));
               }else{
               // 初始化点的时候绑定初始化iconSrc标注地址
               element.setIcon(new BMap.Icon(element.iconSrc, new BMap.Size(24,39)));
       }
   }
}

  简单例子

//简单点说明
var pointAIcon2= new BMap.Icon(url2, new BMap.Size(28,28));
 
markerArm.addEventListener("click",function () {
      this.setIcon(pointAIcon2);
 });

相关推荐