百度地图api,点击标注,改变标注marker图标的链接地址
2021-01-23 10:14
标签:func event 简单例子 set 初始 api col targe 地图 改变选中的图标样式 简单例子 百度地图api,点击标注,改变标注marker图标的链接地址 标签:func event 简单例子 set 初始 api col targe 地图 原文地址:https://www.cnblogs.com/ajaxlu/p/12074314.html 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 ) {
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 });
上一篇:WPF 精修篇 自定义控件
下一篇:搭建API Mock
文章标题:百度地图api,点击标注,改变标注marker图标的链接地址
文章链接:http://soscw.com/index.php/essay/45841.html