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

问题场景:bash

一、百度地图打点不是以图片的中心点来显示的--这是致使会有误差的缘由;spa

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

问题:cdn

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

解决:图片

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

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

三、设置anchor锚点的大小:{anchor : new BMap.Size(13, 35)}百度地图

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

四、也能够添加图片偏移量: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)})});  // 建立标注
复制代码


截几个小车的行驶方向

相关文章
相关标签/搜索