百度地圖api,點選標註,改變標註marker圖示的連結地址
阿新 • • 發佈:2022-03-07
改變選中的圖示樣式
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 });