引入百度地图js时产生的问题

JavaScript017

引入百度地图js时产生的问题,第1张

页面引入百度地图API:

产生如下问题:

即为报错:A Parser-blocking, cross-origin script, is invoked via document.write.

在页面渲染完成后就不能使用 document.write 方法。

根据 博客 的说明尝试如下方法:

出现问题:

后来发现页面引入的百度的js内容为:

里面包含了 document.write方法,异步加载的js是不允许使用document.write方法的

直接引用这两个地址的js http://api.map.baidu.com/getscript?type=quick&file=api&ak=o9B4Ol99j9NcBXSu5nFTR7uI&t=20140109092002 和 http://api.map.baidu.com/getscript?type=quick&file=feature&ak=o9B4Ol99j9NcBXSu5nFTR7uI&t=20140109092002 就可以了

最近公司要写一个找公厕的项目,基本的要求就是将用户周围1000米之内所有公厕都展示到地图上,并且点击公厕的时候要地图要移至到公厕的中心位置,还有搜索到的公厕也要移至到地图中心位置;

项目一启动,我就第一时间选择了高德地图,不要问为啥不选择百度地图,对于百度地图的表现我表示,累了;

基本上将根本高德地图的开发文档,建立个地图,然后将点标识在地图上

后端返回的数据类型是数组,所以我这里进行了一下for循环,将每个对象都创建一个覆盖点,然后将创建的点的实例都放到一个数组markerList里面。

接下来要实现这个效果,就是点击的时候给个选中的状态

我是这样写的,先创建个空数组,然后再创建一个覆盖点的实例,这个实例就是最红的那个覆盖点,然后将这个点添加到地图中,这样的话,新的点会覆盖原来位置的那个点

记住每次调用这个点击事件的话,一定要先清楚之前的覆盖点,然后数组一定要初始化一下,要不然就会出现这种情况

谢谢观看!

1.进入:http://dev.baidu.com/wiki/static/map/API/tool/creatMap/ (创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用) 切换城市,搜索需标注位置。(如下图:) 设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不...