1. 首页
  2. 全部文档
  3. 无代码图形化编程手册
  4. 第三方功能接入(5节)
  5. 地图API接入

地图API接入

百度地图API接入

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

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

1、引入库文件

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

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

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

2、JS生成

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

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

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

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

4、运行生成图表

6、相关资料