在网页中嵌入百度地图和使用百度地图api自定义地图

本文主要介绍:在网页中嵌入百度地图和使用百度地图api自定义地图的详细步骤

1、首先,找到百度地图,打开地图开放平台,如下图1


图1 百度地图-->地图开放平台

2、在导航栏选择【开发】,选择对应的导航子菜单,本文用web开发做例子,所以选择的是web开发的 【JavaScript API


图2 选择JavaScript API

3、如果第一次使用,先要获取一个密钥,这个密钥是免费的


图3 获取密钥

4、点击获取密钥,就可以创建应用了,如下图4


图4 创建应用

5、创建应用,填写对应内容,点击提交,即可获取一个免费的密钥


图5 填写内容,获取免费密钥

6、有了一个密钥就可以开始使用你的密钥进行地图连接了,回到刚才申请密钥的页面,下面的这些功能地图,可以先随便点一个,进入地图编辑页面


图6 百度地图开发者选项

7、进入编辑页面如图7所示

  • 左侧菜单导航栏 有多种功能选择,本例选择的是地图示例 -- > 地图展示
  • 中间栏 是编辑代码
  • 右边栏 是地图展示效果

可以根据项目需要选择左侧的功能菜单,复制对应的代码,代码需要编写的地方如下图7红框框起来的地方,根据项目需要修改


图7 地图编辑页面

8、再举个例子,异步加载地图,需要修改的地方也是对应红框框框起来的地方


图8 异步加载地图

9、本例使用的是地图展示和异步加载地图相结合,代码的引用如下图9


图9 在代码中加入地

10、最终效果图


图10 最终效果图


猜你喜欢

转载自blog.csdn.net/yerongtao/article/details/71435845