为高德地图marker添加属性
首先创建marker
//创建icon
var icon = new AMap.Icon({
size: new AMap.Size(25, 34),
image: '/img/path',
imageSize: new AMap.Size(20, 40)
});
//创建marker
var 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);
}