开发者社区> 技术小牛人> 正文

如何在HTML页面中插入百度地图

简介:
+关注继续查看

在网页制作时,如果想要把企业地址以地图的形式插入HTML页面中,可以通过百度地图轻松实现,当然,前提是注册百度账号并且通过实名认证


网址:http://api.map.baidu.com/lbsapi/creatmap/


第一步:定位中心点,选择城市以及你想要定位的具体地点

wKioL1frbfqSEkmPAAKLAEFVGUU192.png


第二步:设置地图,根据HTML页面预留的宽高,选择合适的尺寸

wKioL1frbqGCtEvCAAG88sNqF60849.png


第三步:添加标注,这里面的内容可以根据实际需求填写

wKiom1frbvyCsAYrAACQkA0HdRQ450.png


第四步:获取代码,点击复制把代码复制到一个单独的文件中,然后把对应的html代码和js代码添加你的项目中

wKioL1frb1rSqky-AAJ4HiMHq1U958.png


就这样简单的几步,就可以轻松搞定了,最终插入页面效果截图:

wKioL1frcGjzfNi-AAFkhuvz4Iw546.png

本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1857369

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
零基础HTML入门教程(13)——插入视频video标签
我们前几小结学习了,插入图片插入音频等,我们这一小结学习一下,插入视频标签video并熟练使用。(1)直到现在,仍然不存在一项旨在网页上显示视频的标准。 今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 (2)controls 属性供添加播放、暂停和音量控件。 包含宽度和高度属性也是不错的主意。 代码如下 效果如下 我们可以看到,页面上面会出现一个可以播放的视频,我们再一些网站上看到视频,都是用
63 0
零基础HTML入门教程(12)——插入音频audio标签
我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 代码演示 效果如下 我们可以看到使用这个标签后,我们可以页面上面看到一个音频,并且是可以播放的,我们要熟练合理使用这个标签,是为以后网页开发必不可少的因素。
128 0
《跟热饭一起学习vue吧》Part.2 插入html
《跟热饭一起学习vue吧》Part.2 插入html
51 0
《HTML 5与CSS 3权威指南(第3版·下册)》——第20章 20.3 使用content属性来插入项目编号
本节书摘来自华章出版社HTML 5与CSS 3权威指南(第2版·下册)——第20章 ,第20.3节 ,作者: 陆凌牛著.更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1231 0
《HTML 5与CSS 3权威指南(第3版·下册)》——20.2 插入图像文件
本节书摘来自华章出版社HTML 5与CSS 3权威指南(第2版·下册)——第20章 ,第20.2节 ,作者: 陆凌牛著.更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1143 0
《HTML 5与CSS 3权威指南(第3版·下册)》——第20章 20.1.2 指定个别元素不进行插入
本节书摘来自华章出版社HTML 5与CSS 3权威指南(第2版·下册)——第20章 ,第20.1节 ,作者: 陆凌牛著.更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1114 0
+关注
技术小牛人
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
天猫HTML5互动技术实践
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多