美文网首页租房
网页插入百度地图

网页插入百度地图

作者: 流动码文 | 来源:发表于2016-11-15 14:36 被阅读89次

一直以来都以为在网页中插入百度地图是要按百度API写接口,应该会很麻烦,也就没去弄,今天闲来无事研究了下,发现在网页中插入一个简单的百度地图,只需要3-4分钟就可搞定,遂将具体操作方法分享给大家(本人技术水平一般,还望大家多多给建议)。
第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,打开后如图:

第二步:看到图中第一步的下面有1,2,3三个小步骤,打开1.定位中心点→切换里面的城市按钮,选择你要展示的城市位置→在输入框中输入具体的地址,点击查找,就能在右边地图上显示你要显示的位置地图



第三步:打开2.设置地图,在里面可以设置地图的宽高,决定哪些按钮是要还是不要,按钮的位置都是可以设置的

第四步:打开3.添加标注→第一个图标“点标记”,可以设置具体的位置点,以点标记的形式显示在地图中,可以更换点标记的样式,也可以设置你要显示的名称和备注;第二个图标“线标记”,可以画出线条路线等;第三个图标“文字标记”,可以写些文字;

至此,一个简单的百度地图位置就设置完了,接下来就是把地图插入到网页中;第五步:点击“获取代码”,就会出现一个弹框,里面的代码就是我们所要的,把代码复制到一个空的html文件中保存,命名为“map.html”;


第六步:在要用地图的网页中,用一个iframe标签【<iframe src="" frameborder="0" width="" height=""></iframe>】,它的src路径就写map.html,这样在你的网页中就可以显示你自己设置的地图了,当然地图的宽高、在网页中显示的位置要自己写css。ps: 这里我比较爱偷懒用了iframe标签,【iframe标签称之为“浏览器中的浏览器”】,但是iframe标签有缺点,所以可以选择地使用,另外这里可以不用iframe标签,只要把map.html中的代码选择的拷贝过来也是可以实现功能的。end

相关文章

  • 网页插入百度地图

    一直以来都以为在网页中插入百度地图是要按百度API写接口,应该会很麻烦,也就没去弄,今天闲来无事研究了下,发现在网...

  • 在HTML文件中插入百度地图

    很多时候我们需要在网页中插入地图,但又不知道怎么做。 现在我来给大家介绍一下在网页中插入百度地图的方法 传送门:h...

  • RN-地图导航

    调起百度网页地图路径导航 调起高德网页地图路径导航 iOS调起百度APP地图路径导航 iOS调起高德app地图路径...

  • 百度地图API

    最近在帮忙给同事的公司完善网站,需要给网页中添加百度地图 网页中加地图,主要是用百度地图APIhttp://dev...

  • Web百度离线地图开发

    百度Web离线地图WebGIS Demo,百度网页版离线地图。 需求情景 项目需要在世界地图的城市上进行标注,由于...

  • 百度地图简单调用

    直接调用百度地图网页版 判断本地是否有app

  • js 百度地图缩放位置偏移问题

    问题原理:百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就...

  • 极简百度地图 创建地图第一步

    在网页上创建百度地图是非常简单的事情,有代码有真相。 待续......

  • Django调用百度地图api在地图上批量增加标记点

    在调用百度地图api进行web开发时遇到了一个需求,我们需要在网页中内嵌一个div 然后在div中调用百度地图的...

  • 网页地图

    网页地图是什么?网页地图就是网站地图、站点地图、sitemap。网页地图是一个网站所有链接的容器。很多网站的连接层...

网友评论

本文标题:网页插入百度地图

本文链接:https://www.haomeiwen.com/subject/dxtlpttx.html