web前端-高德地图-maker添加事件

由于当地图放大到一定程度后，百度地图的缩略图将会呈现一片灰色，实际效果并不美观，于是决定把百度地图替换成高德地图。高德地图中没有这种困扰，但是代码稍微会比百度地图的复杂些。

为地图中的maker添加点击事件

var map = new AMap.Map('mapContent');
maker= new AMap.Marker();

可以通过修改maker的属性，来修改maker的图样和大小，包括通过属性来传递数据等。高德地图中的maker拥有一个自定义属性

https://lbs.amap.com/api/amap-ui/intro
这个网站是高德地图一些功能的简介和属性，通过这个可以查看到maker有一个属性为extData，可以是任意数据类型。是用户自定义属性，支持JavaScript API任意数据类型。

设置与获取

 marker = new SvgMarker(
	            null, {
	                map: map,
	                position: [110,10],
	                showPositionPoint: true,
	                extData : {"projectId":"1"}
	            }
            );
marker.on('click', markerClick);
 
function markerClick(e) {
	    alert(e.target.getPosition());
        alert(e.target.getExtData().projectId);
    }

在属性获取这里出了问题，属性添加后通过document或者alter提示都是显示define，即没有赋值成功。
最后检查了一下格式才成功。

标签：web,map,地图,高德,new,maker,属性
来源： https://blog.csdn.net/weixin_44900738/article/details/118466810