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)})});  // 建立標註
複製代碼


截幾個小車的行駛方向

相關文章
相關標籤/搜索