如何设置Marker图标的位置

准备一张自定义图片并上传到自己的网站。我们以百度图标为例。

记住这张图片的url地址。后面会调用。

打开百度地图api查看调用方法

我们需要几个工具

1、静态图可视化工具

2、自定义Marker样式工具

3、标签位置-labels和标签样式-labelStyles 工具

这几个工具在静态图api接口说明页面可以找到

我们先在百度地图API-静态地图生成助手里找到我们要显示的地方，并调整。我们会得到一个经纬度值。下面我们以天安门为例

var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {

offset: new BMap.Size(10, 25), // 指定定位位置

imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移

})

var marker = new BMap.Marker(point, {icon: myIcon})

map.addOverlay(marker)

公司项目需要实现小程序地图的聚合以及轨迹回放，效果要与PC端一直。其中，轨迹回放还需要包含开始、暂停、结束三个按钮。效果图如下：

1、添加图标

2、聚合，其中，如果发现聚合点不开的情况，可以把grikSize的值设置小一点，默认值为60

3、点击图标，获取addMarker设置的  Id 值

4、定时画线条

同时，画线条之前，还需要清除按钮

---