【VUE + 高德】高德地图地图标记点在点击时更换图标，取消点击状态复原图标

引入高德api，实现地图打点功能，点击标记点marker时，更换marker图标，弹出信息气泡，关闭气泡后还原该标记点图标，下面是简洁的实现方式：
引入地图就不赘述了

1. 声明各状态图标icon

oldIcon = new AMap.Icon({
    image: "****old.png",
    size: new AMap.Size(30, 37), //图标大小
    imageSize: new AMap.Size(30, 37)
});
newIcon = new AMap.Icon({
    image: "****new.png",
    size: new AMap.Size(30, 37), //图标大小
    imageSize: new AMap.Size(30, 37)
});

2. 鼠标点击事件

onClick(e) {
	this.clickMarker = e//将本次点击的marker信息保存在clivkMarker中
	this.map.setZoomAndCenter(11, e.target.getPosition());
	e.target.setIcon(newIcon);
}

3. 复原图标事件

reset() {
	this.clickMarker.target.setIcon(oldIcon);
}