在网页中嵌入百度地图

在网页中嵌入百度地图

第一步:在百度地图申请产品秘钥(网址:http://lbsyun.baidu.com/apiconsole/key

百度地图秘钥

第二步:打开百度地图demo(网址:http://lbsyun.baidu.com/jsdemo.htm),选择适合自己的地图功能及样式,修改相应的地图坐标(第三步),替换自己的秘钥。

百度地图demo

第三步:获取选择地区的经纬度坐标(网址:http://api.map.baidu.com/lbsapi/getpoint/index.html)。

地区经纬度

第四步:复制第二步的网站源码放在网站的相应页面.

地图调用不显示解决

注:1、头部script标签应在前调用(调用顺序);2、需要jquery库支持,所以需要引用;3、需要对id:allmap设置宽高,来显示!

第五步:Success !

推荐阅读

  1. Google Search Console移动设备易用性报错修复【已解决】
  2. 熊掌号中天级收录和周级收录的区别?
  3. 如何在没有插件的情况下为WordPress中的外部链接添加nofollow
  4. 在wordpress通过代码实现百度主动推送|手工提交|实时推送
  5. wordpress熊掌号站点天级收录链接提交代码【不用插件实现】
  6. 百度官方推出一款WordPress链接提交插件【baidu links submit】
  7. 什么是别名域(Aliasdomain)?
  8. 什么是子域(Subdomain)?

发表评论

电子邮件地址不会被公开。 必填项已用*标注