百度地图API接入

  • 进入百度地图开放平台http://lbsyun.baidu.com/，在功能与服务中确认自己需要的服务，给定百度地图坐标时显示地图直接用地图服务

地图API接入 - 图1

  • 如果需要的自己的项目中使用百度地图服务，必须注册账号并申请密钥（ak），只有拥有密钥，才可以调用服务，注意部分服务收费和商用限制说明

地图API接入 - 图2


1、引入库文件

参考百度地图Javascript API案例说明可知，必须在项目中先引入地图js库资源:

地图API接入 - 图3

  • 无代码开发引入地图js库资源方式：用 script 标签在页面头部Matadata信息中引入JS库文件地址（项目使用过程中需联网）

地图API接入 - 图4


2、JS生成

  • 参考官方文档JS文本内容修改为一行的js脚本内容

地图API接入 - 图5

  • JS文本引入经纬度参数并使用运行JS脚本元件运行即可在页面中id为“allmap”名称的显示对象中生成地图

地图API接入 - 图6


3、在显示页面中设计地图显示容器

  • 必须在页面中放置一个显示元件作为显示地图的容器，显示空容器的id和大小必须定义才能生效
  • 注意，因为页面中的逻辑处理是先于显示元件执行的，所以如果直接运行页面，显示容器未生成时进行了逻辑运行，会出现gc类型的异常，所以需要为运行js脚本的逻辑添加一个等待一毫秒的逻辑

地图API接入 - 图7


4、运行生成图表

地图API接入 - 图8

6、相关资料