在HTML文件中插入百度地图

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

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

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

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

  1. 点击JavaScript API


    在HTML文件中插入百度地图_第1张图片
    点击JavaScript API
  2. 点击获取密钥


    在HTML文件中插入百度地图_第2张图片
    点击获取密钥
  3. 点击创建应用


    在HTML文件中插入百度地图_第3张图片
    点击创建应用
  4. 随便写项目名称,在IP白名单输入0.0.0.0


    在HTML文件中插入百度地图_第4张图片
    随便写项目名称,在IP白名单输入0.0.0.0
  5. 提交

这就是我们要的密钥


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

在HTML文件中插入百度地图_第5张图片
在HTML文件中插入百度地图_第6张图片

三、将地图引入工程文件

  1. 将script文件引入的工程



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

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


  3. 在script中创建地图实例

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

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


在HTML文件中插入百度地图_第7张图片
在HTML文件中插入百度地图_第8张图片

你可能感兴趣的:(在HTML文件中插入百度地图)