js 百度地图加载不出来，却能显示创建的标注

Posted 2023-05-14

var map = new BMap.Map("allmap",
enableMapClick: false
);//地图实例化
map.centerAndZoom(new BMap.Point(parseFloat(markers[0].coordinate[0]), parseFloat(markers[0].coordinate[1])), 15);//加载地图
for(...)
var marker = new BMap.Marker(new BMap.Point(parseFloat(markers[i].coordinate[0]), parseFloat(markers[i].coordinate[1])));//创建标注点
map.addOverlay(marker);

参考技术A ，

百度地图-js-图标标注不显示

一个小图，一个大图，走的逻辑都一样

小图不显示图标，大图可以显示

 

 

找到原因了，代码问题，我强行设置了旋转角度

if(points[listLast].direction!=0){$(\'.BMap_Marker img\').rotate(points[listLast].direction);}  此处会影响，去掉了

还有var myEndIcon = new BMap.Icon("http://www.xxring.com/img/logistics/mapCar.png", new BMap.Size(16,35), {imageOffset: new BMap.Size(0, 0 )});

前为图片宽高，后为偏移量，需要调整，否则会显示不到

 

百度教程没有旋转角度教程：http://lbsyun.baidu.com/jsdemo.htm#c1_16

覆盖物示例---设置点的新图标

 

解决：

有个函数直接设置旋转角度

map......

var carMk = new BMap.Marker(.....)

carMk.setRotation(角度)

map.addOverlay(carMk);