高德地图的小细节处理方式

1、引用高德地图的连接后面要加两个参数,一个是版本号一个是key值,两个参数中间用&符号连接

<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=0c3lcx084f0195d8ed062bd226b4e591129'></script>

但是这个&符号在xhtml中会变成转义符,导致页面无法正确解析上面的语句,在xhtml中可以用&amp;替换&符号,替换后如下所示:

<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&amp;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" />'   //自定义点标记覆盖物内容
});
原文地址:https://www.cnblogs.com/LcxSummer/p/12367536.html