在HTML文件中插入百度地图

很多时候我们需要在网页中插入地图，但又不知道怎么做。

现在我来给大家介绍一下在网页中插入百度地图的方法

传送门：http://developer.baidu.com/map/

一、注册百度开发平台获取密钥

1. 点击JavaScript API

   
   点击JavaScript API

2. 点击获取密钥

   
   点击获取密钥

3. 点击创建应用

   
   点击创建应用

4. 随便写项目名称，在IP白名单输入0.0.0.0

   
   随便写项目名称，在IP白名单输入0.0.0.0

5. 提交

这就是我们要的密钥

二、查看示例demo选择想要实现的效果

三、将地图引入工程文件

1. 将script文件引入的工程

   
   
   

   这里将密钥换成自己的密钥

2. body中设置放置地图的容器

   
   

3. 在script中创建地图实例

四、写出自己想要的地图效果

在示例demo中找到自己的效果后，其中不清楚的参数可以去类参考中查找