如何把百度地图添加到到文章详情页?

发表日期:2017-05-05 10:46浏览: 作者:筑梦

如何把自由缩放的百度地图添加到网站页面上呢?

第一步、先打开百度搜索“百度地图开放平台”,在网页第一项即可找到百度地图开放平台。打开即可,快捷入口: http://lbsyun.baidu.com/ 

 

百度地图开放平台

 

第二步、把网页拉倒最底部,点击左下角的【地图快速生成器】;

 

地图快速生成器

 

第三步、创建地图,先切换到你需要创建地址的城市,输入地名快速定位,定位到你需要的地址。还可以设置地图,添加标注,详情看后面两种图解;

 

创建地图

 

 

设置地图

 

 

百度地图添加标注

 

第四步、上面设置完成后,点击获取代码;

 

点击获取代码

 

第五步、我们必须先申请密钥,否则在网页中显示不出来,请点击申请密钥;

 

申请密钥

 

第六步、点击【创建应用】进入下面这个页面,应用类型选择【浏览器端】,启用服务可以默认,白名单根据提示设置,完了就点提交;

 

选中浏览器端

 

第七步、好了,【AK】下面的一串代码就是我们需要用到的密钥;

 

已获取到密钥

 

第八步、请注意需要填密钥的地方!先复制代码,在网站管理后台,打开需要添加的文章页面,在编辑【文章内容】上面,编辑器中点击【源码】,然后把之前复制的代码粘贴进去;

 

复制代码

 

第九步、接下来最重要的一步就是,把前面生成的那个密钥,粘贴到【您的密钥】这个地方。注意:是把“您的密钥”这4个字直接修改成你的密钥;

 

修改密钥

 

最后、点击保存,然后去【更新生成】页面。再去打开网站看看效果吧!其他的网站添加地图时,生产地图代码都是一样的方法。OK了,希望筑梦网络在这里分享的方法能帮助到你!

百度地图API自定义地图

地图生成工具基于百度地图JS api v2.0版本开发,使用请申请密匙。 了解如何申请密匙 申请密匙