HTML嵌入百度地图

原创 2018年04月15日 20:28:36

我们经常会在各类网站中看到有百度地图的存在,那么百度地图是如何加载到html中的呢?

1.打开网址百度地图API

2.打开后如图所示,在红框处填写自己想要定位的地址

3.点击左侧彩电设置地图,设置参数,宽高好像不太好用,后续可以自己去代码中修改

4.点击左侧添加标注即可添加标注,标注自己想要描述的地带你定位,画路线图到达自己标注的位置,然后点击保存按钮,一定要点击保存按钮

5.每次操作后,右侧都会生成对应的预览,确认无误后点击预览,查看是否是自己想要的样子(宽高不要在意,可以去代码中调节)

6.点击获取代码,  ctrl + A全选代码,然后复制到自己想要的展示的html中去 ,下图红色标识是需要自己申请的AK码,去百度地图申请就可以,然后粘贴到标识处,否则地图不可用。

7.想要设置宽高,在代码中就可以了

8.上述操作都完成了就预览一下自己的html吧!是不是出现地图了呢?


ECharts+百度地图网络拓扑图应用

前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图、ECharts和HT for Web三者结合起来...
  • yixiaof
  • yixiaof
  • 2018-01-09 11:10:52
  • 214

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 ...
  • yixiaof
  • yixiaof
  • 2018-01-09 11:13:01
  • 104

html5 引入百度地图案例

html5 引入百度地图案例一: ...
  • Robocop_Mao
  • Robocop_Mao
  • 2015-09-27 21:30:45
  • 1057

html页面插入百度地图

方法/步骤1、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html如下图:2、在“1.定位中心点”中,切换城市,并查找具...
  • m0_38061194
  • m0_38061194
  • 2018-03-16 10:50:40
  • 264

josm(open street map 离线<em>地图</em>编辑器)

下载 &gt; 网络技术 &gt; <em>网管</em>软件 &gt; josm(open street map 离线<em>地图</em>编辑器) ...(包含WMS、TMS、WMTS)、支持多种<em>地图</em>投影、图层、关系编辑[4]、数据验证工具、...
  • 2018年04月14日 00:00

杰奇cms小说插件 XML<em>地图</em>生成 sitemap.xml<em>地图</em>生成

下载 &gt; 网络技术 &gt; <em>网管</em>软件 &gt; 杰奇cms小说插件 XML<em>地图</em>生成 sitemap.xml<em>地图</em>...还不懂,可以加QQ19102246 备注:csdn ...展开收缩 综合评分:0 收藏评论举报 ...
  • 2018年04月14日 00:00

如何在HTML中添加插入自定义的百度地图

第一步:在浏览器中打开网址http://api.map.baidu.com/lbsapi/creatmap/,这是百度地图生成器第二步:图中右侧为自定义,根据自己的需求填写相关信息第三步:点击获取代码...
  • m_syndra
  • m_syndra
  • 2018-02-13 20:16:04
  • 311

Extjs4 嵌入百度地图

转自:http://www.luchg.com/blog/showArticle_64.html
  • zhang_Red
  • zhang_Red
  • 2014-06-09 20:33:16
  • 5681

杰奇网站<em>地图</em>完整版xml<em>地图</em>html<em>地图</em>自动生成

下载 &gt; 网络技术 &gt; <em>网管</em>软件 &gt; 杰奇网站<em>地图</em>完整版xml<em>地图</em>html<em>地图</em>自动生成 ...在网站各个页面的底部,添加&quot;网站<em>地图</em>&quot;标签,方便用户点击查看html<em>地图</em>,提升网站...
  • 2018年04月13日 00:00

Site Map

__,O ///_ __// ......../http://www.sse.com.cn ...
  • anperl
  • anperl
  • 2005-02-19 18:02:00
  • 5827
收藏助手
不良信息举报
您举报文章:HTML嵌入百度地图
举报原因:
原因补充:

(最多只允许输入30个字)