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)

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

10/7
2014
学习

百度地图快速生成器

没啥可说的,直接ノ ̄ー ̄)ノ⌒网址

最后复制的代码里复制头部的js、css和body里面的内容就OK了。

后来在某页面下面看到了直接呈现出搜索结果的页面

这个吓了我一跳,百度也没百度出结果,最后自己试出来了,就在分享产生的网址里

最后的3D地图真不错,就是把二维图改成三维图来查看,但是只有大城市的主要地区有。我用这个游览了故宫

百度地图快速生成器