给你的页面加一个百度地图

avatar 2017年02月13日19:51:32 4 3902 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此
今天一个朋友问我怎么在页面插一张地图,是的,想必大家都见过。下面我就简单介绍一下,也算是备份一下代码,要用的时候可以直接复制来复制。效果图如下:


第一步、进入百度地图网站获取代码


给一个链接:http://api.map.baidu.com/lbsapi/creatmap/

可以看到这样,有三个选项,大家可以打开看看,最后点获取代码


第二步、新建一个文件,取名为baidumap.html


将你刚才获取的代码粘贴进去,并保存保存。然后将baidumap.html放到网站根目录,像这样


第三步、在文章或者页面中加以下代码

  1. <iframe src="/baidumap.html" width="90%" height="400" frameborder="0"></iframe>

大家可以自行调节宽度或者加居中,记得一定时用在文本情况下输入,像这样。如果无法加载地图,可能时路径不支持,那你就把src值改成“http://域名/baidumap.html”







至此,我们就配置成功了



本文地址:http://liuyanzhao.com/1746.html

转载请注明
  • 微信
  • 交流学习,资料分享
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:3   待审核评论数:0
  1. avatar 谁呀

    ( ⊙ o ⊙ )啊!啊啊啊啊啊啊啊

  2. avatar 文栋说自媒体

    这个技能不错,果断收藏了,哈哈哈

  3. avatar 小萝博客

    这个好玩