当前位置：首页 > 地图导航 > 正文

html引入百度地图

本篇文章给大家分享html百度地图导航，以及html引入百度地图对应的知识点，希望对各位有所帮助。

简述信息一览：

1、打开百度搜索“百度地图生成器”，在展开的搜索结果中找到百度地图生成***并点击进入：在百度地图生成***，输入默认的地图位置，然后点击“查找”按钮：找到地图后点击地图底部的“获取代码”按钮获取地图源代码：创建一个新的html文档，并将之前***的代码粘贴到html文档中。

2、添加标注，鼠标点击点标记图标，然后在地图中找到具 *** 置，点击鼠标左键进行标注；输入标记名称，和备注，点击保存；预览；点击获取代码，然后***代码；将代码粘贴到新建的HTML中保存即可使用。

（图片来源网络，侵删）

3、第一步：在浏览器中打开百度地图生成器第二步：图中右侧为自定义，根据自己的需求填写相关信息第三步：点击获取代码按钮，会自动生成代码，将代码写入页面中即可，也可以使用iframe标签完成引用。

4、进入：http：//dev.baidu.com/wiki/static/map/API/tool/creatMap/ （创建地图-百度地图API所见即所得工具，百度官方地址，大家放心使用）切换城市，搜索需标注位置。（如下图：）设置地图：大家可以对网站显示地图的宽高进行设置，其余选项不动。

1、进入：http：//dev.baidu.com/wiki/static/map/API/tool/creatMap/ （创建地图-百度地图API所见即所得工具，百度官方地址，大家放心使用）切换城市，搜索需标注位置。（如下图：）设置地图：大家可以对网站显示地图的宽高进行设置，其余选项不动。

（图片来源网络，侵删）

2、引用API的js，放置bank1-htm的head/head中说明：v=1这是API的版本，表明是1版本的。sercices=false是指，不开启地图服务，例如公交驾车查询等。

3、登录百度地图api，地址：http：//api.map.baidu.com/lbsapi/creatmap/index.html 设置你的地理位置，以北京大学为例子如图：简单设置下地图功能，也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。

4、百度地图API 开始学习百度地图API最简单的方式是看一个简单的示例。

5、script type=text/javascript src=http：//api.map.baidu.com/api？v=5&ak=您的密钥/script 如此几行代码就成功引用了百度地图API。接下来就是要调用他的一些方法了：首先在body中添加一个div，用来加载地图用，简单写下样式。

导航右上角有个添加，点添加，会弹出一个对话框，名称随便输入，只要自己记住是什么网站就可以了，网址就输入经常去的网址。然后确定。刚才输入的网址已经添加成功，以后直接打开，点这里就进入想去的网站了。再也不记那不好记的网址了。

找到常用地址进入，点击添加常用地址，然后输入地址并保存，就可以设置了。关于如何设置，下面我来分享一下操作的过程：软件版本：13，0。手机型号：oppoReno7。操作过程如下：打开手机上的百度地图，先点击右下角【我的】。在点击下方的【常用地址】。接着点击【添加常用地址】。

登录百度地图api，地址：http：//api.map.baidu.com/lbsapi/creatmap/index.html 设置你的地理位置，以北京大学为例子如图：简单设置下地图功能，也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。

关于html百度地图导航，以及html引入百度地图的相关信息分享结束，感谢你的耐心阅读，希望对你有所帮助。