BMap 自定义icon(小车)与点位置偏差

1,654 阅读1分钟

问题场景:

1、百度地图打点不是以图片的中心点来显示的--这是导致会有偏差的原因;

2、业务需求,在百度地图上实时显示小车的位置、同时显示小车的行进方向;

问题:

小车的图片在不加方向时,基本可以和实时点位置相同,但是当加上小车方向后,icon图会偏移正常点位;

解决:

1、对图片的要求:图片最好不要有留白,大小不要太大;

2、设置图片的大小:new BMap.Size(36,74)

3、设置anchor锚点的大小:{anchor : new BMap.Size(13, 35)}

注意:anchor 的size的大小设置,根据具体icon的大小缩小比例设置即可;

4、也可以添加图片偏移量:imageOffset: new BMap.Size(0, 0) //图片的偏移量。为了是图片底部中心对准坐标点。

附代码如下:

carMk = new BMap.Marker(new BMap.Point(point[0],point[1]),{icon: new BMap.Icon(carNobodyImg, new BMap.Size(36,74),{anchor : new BMap.Size(13, 35)})});  // 创建标注


截几个小车的行驶方向