Saber 酱的抱枕

Fly me to the moon

03/17
2017
学习

解决百度地图生成器的标注图片失效问题

今天我使用百度地图生成器制作在线地图之后,发现了标注图片失效的问题。

正常时:
解决百度地图生成器的标注图片失效问题

生成后:
解决百度地图生成器的标注图片失效问题

搜了下这个情况,好像是去年底出现的,官方论坛上有人反映但一直没有恢复。

后来我找到了原因。我们使用百度地图生成器添加标注的时候是正常的,因为当时显示的是确实存在的图片。后来生成的地图里,标注图标使用的图片是另一个图片,但是这个图片已经不存在了,所以就出现了这个问题。

我们可以将生成后的地图里的不存在的图片替换为地图生成器里的正常图片来解决问题。将下面的JavaScript代码加在百度地图代码的页面里即可:

var bzT=window.setInterval(function () {
    if (!!document.querySelector("#platform > div:nth-child(2) > div:nth-child(5) > span > div > img")) {
         document.querySelector("#platform > div:nth-child(2) > div:nth-child(5) > span > div > img").src="http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png";
         clearInterval(bzT);
    }
},500)

解决百度地图生成器的标注图片失效问题