1、引用高德地图的连接后面要加两个参数,一个是版本号一个是key值,两个参数中间用&符号连接
<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=0c3lcx084f0195d8ed062bd226b4e591129'></script>
但是这个&符号在xhtml中会变成转义符,导致页面无法正确解析上面的语句,在xhtml中可以用&替换&符号,替换后如下所示:
<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=0c3lcx084f0195d8ed062bd226b4e591129'></script>
2、高德地图左下角的logo,可以用css控制隐藏
$(".amap-logo").hide();
3、添加自定义标记,图标的偏移量设置
图标添加到图中是左上角对准设置的点,为了让最下方的中间点偏移至设置的点位置,需要横向向左偏移宽度的一半,纵向向上偏移整个图片的高度,例如一个50*50的图片,代码如下:
var marker2 = new AMap.Marker({ //添加自定义点标记 map: map, position: [121.499809,31.239666], //基点位置 offset: new AMap.Pixel(-25, -50), //相对于基点的偏移位置 draggable: true, //是否可拖动 content: '<img src="marker_3.png" />' //自定义点标记覆盖物内容 });