1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 高德地图marker添加属性 更换icon图标

高德地图marker添加属性 更换icon图标

时间:2024-01-25 23:36:32

相关推荐

高德地图marker添加属性 更换icon图标

为高德地图marker添加属性

首先创建marker

//创建iconvar icon = new AMap.Icon({size: new AMap.Size(25, 34),image: '/img/path',imageSize: new AMap.Size(20, 40) });//创建markervar marker = new AMap.Marker({position: new AMap.LngLat(longitude, latitude),icon: icon ,map: map});//此时 marker 已经创建好了// 为marker添加点击事件,触发 markerClick 函数marker.on('click', markerClick);

为 marker 添加 orderno 属性

marker.orderno = '123456'; // 此处直接用 marker.orderno 即可,如果想添加 content 属性,直接 marker.content

怎么使用添加的 orderno 属性

//以之前设置的 marker 点击事件为例function markerClick(e) {//此处的 e 是关键,这样就可以拿到console.log(e.target.orderno);//或者这样console.log(this.orderno);}

如何更改已经设置好的marker的icon图标

//假设新的 icon 是 newIcon//之前设置了 marker 的 icon 图标,可用以下方式更改marker.setIcon(newIcon);//如果是在刚刚的点击事件中,可以如下设置:function markerClick(e) {//此处的 e 是关键,这样就可以拿到console.log(e.target.orderno);//或者这样console.log(***this.orderno***);//**更改 icon** e.target.setIcon(newIcon);}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。