你的位置:首页 > 软件开发 > Java > 如何在页面中生成动态的百度地图

如何在页面中生成动态的百度地图

发布时间:2016-06-21 18:00:17
在现在的很多页面中,都运用到了百度地图来定位,例如:  像这样的地图,我们可以通过手动来进行放大、缩小、移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢?一、获取源代码      网址:http://api.map.baidu.c ...

如何在页面中生成动态的百度地图

  在现在的很多页面中,都运用到了百度地图来定位,例如:

如何在页面中生成动态的百度地图

  像这样的地图,我们可以通过手动来进行放大、缩小、移动等来查找具体的地址,特别方便,在页面上引用也显得页面很有特点,那么,应该怎么样来制作这种地图呢?

一、获取源代码

      网址:http://api.map.baidu.com/lbsapi/createmap/index.html?qq-pf-to=pcqq.c2c

2)设置地图上的基本信息

    如何在页面中生成动态的百度地图

3)在地图上添加标志

    如何在页面中生成动态的百度地图

    点击标记图标还可以选择它的样式:如何在页面中生成动态的百度地图

 

 

4)获取源代码

    点击页面下面的第二步中的获取源代码即可:

  如何在页面中生成动态的百度地图——————>如何在页面中生成动态的百度地图

(注意:这里生成的代码是显示不出来的,必须获取密匙)

 

二、获取密匙

1.点击生成的代码中的“获取密匙”:如何在页面中生成动态的百度地图,然后按照要求一步步填写资料并提交,一定要注意必须进行认证。

2.将生成的Ak(即密匙)复制到代码中,替换掉“您的密匙”

  如何在页面中生成动态的百度地图

 

三、插入到自己的页面中

按照自己的页面要求将生成的代码插入在页面代码中,但是一定要注意加载顺序的问题:

  方法1:如果js代码是放在页面代码里面的,注意把生成地图js代码放在页面最下边。

  方法2:如果用的外部js链接,应该把地图的js代码放在 $(function(){...})里面。

 


原标题:如何在页面中生成动态的百度地图

关键词:百度

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。