如何在网页中引入百度地图？

这个其实很简单，下面我简单介绍一下吧，主要过程如下：

1.首先，到百度地图开放平台注册一下开发者，这个直接用自己的百度账号就行，接着点击“控制台”->“创建应用”，如下，这里选择“浏览器端”，输入“应用名称”：

创建成功后，就会跳转到“应用列表”，刚才创建的应用就会显示出来，如下，这里我们需要记住AK这个值，后面的html页面中需要用到：

2.应用创建成功后，我们就可以在网页中引入地图了，代码其高桥谈实很简单，主要是创建一个div容器，然后通过JS导入地图，完整代码如下：

接着我们用浏览器打开这个html页面，就能正常显示地图了戚碰，如下：

3.这里也可以引入地铁图，代码和上面的地图类似，也是需要创建一个div容器消滑，然后再通过JS导入地铁图到div容器中，主要代码如下：

用浏览器打开这个html页面，效果如下，就能正常显示地铁图了：

至此，我们就完成了在网页中导入百度地图。整个过程其实很简单，就是创建div容器，然后通过JS将地图引入到div容器中进行显示就行，上面的代码都是官方提供的示例，可以直接到官网进行查看，或者在线编辑都行，只要你有一定的前端知识，熟悉一下相关代码和示例，很快就能掌握的，网上也有相关教程和资料，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

1、打开地图生成器：

2、创建地图

3、定位中心点：将“当前城市”切换到凳凯你要创建地图的城市，并输入详细地址进行查找

4、设置地图：设置地图尺寸，渣御地图缩放、地图缩略图、地图比例尺、地图状态等

5、添加标注：标记的图标可以在地图上面进行简如粗岩单修改位置。输入公司的名称，在备注中可以添加地址、电话、传真、邮编、邮箱等属性。点击保存将进行下一步

6、点击获取代码按钮，就会自动d出一个“自定义地图代码”的页面，将页面中的代码复制即可。

7、将代码复制到网站的相应位置即可

1、登录百度地图api，地址：http://api.map.baidu.com/lbsapi/creatmap/index.html

2、设置你的地理位置，以北京大学为例子如图：

3、简单设置下地图功能，也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。

4、设置地图信息标注，这个有利于慎喊查看地图的人一眼就缺粗看到自己在什么位置，而且也很清楚的标注了你所要标注地点的名称。

5、设置以后查看效果：

6、另外两个也是标注工具，使用方法和这个是一样的。

7、获取代码，以上都设置好了以后，就可以获取地图代码了

8、复制地图代码插入到网站的页面源文件中，如果你宽扮野是在网站后台编辑中想要插入地图，就点击后台的源代码按钮，直接将地图代码复制进去就可以。

---