更新时间:2022-04-26 GMT+08:00
分享

地图

地图组件,支持第三方地图组件,例如百度、谷歌和高德地图。

在设计页面左上方单击,从“地图”中拖出地图组件至设计页面右侧空白处。在页面中,单击选中该组件,会在右侧显示该组件的属性配置面板。

图1 地图属性页面
图2 配置数据
表1 地图属性页面参数说明

页签

区域

参数名

说明

数据

散点数据

桥接器实例“地图散点数据桥接器”

调用的桥接器名称,从下拉框选择系统提供的预置桥接器。系统预置的桥接器可在App开发界面左侧列表单击,选择“高级页面 > 桥接器”,在“全局”页签进行查找并下载查看桥接器包中内容。

当需要在地图上显示散点图时,则配置该桥接器实例。选择系统预置的桥接器,配置如下参数,为地图提供散点图的数据源。

  • 数据类型:该组件在页面呈现数据的来源类型。取值分“动态数据源”(通过桥接器动态调用后台的接口来获取后台数据展示在页面上)和“静态数据源”(获取静态自定义数据展示在页面上)。
  • URL:若“数据类型”为“动态数据源”,该参数才会显示,调用后台接口的URL,该接口实现为地图提供散点图的数据源。
  • 共享数据:若“数据类型”为“动态数据源”,该参数才会显示,勾选表示某项目里多个组件调用一个公共的请求而访问同一个接口的数据,避免多次调接口。
  • 静态数据(重置):若“数据源类型”为“静态数据源”,该参数才会显示,系统已预置了静态数据,如果需要自定义静态数据,请单击“重置”。
  • 调用周期(秒):每隔多少秒调用一次后台接口或者获取静态数据,默认配置为“0”,表示只调用一次或者只获取一次静态数据。

告警数据

桥接器实例“地图告警数据桥接器”

当需要在地图上显示告警信息时,从下拉框选择系统提供的预置桥接器进行配置,为地图提供告警的WebSocket数据源。

用于在使用地图过程中,监听web socket上报的消息数据,将其转化为AlarmDataViewModel定义的数据模型,在地图上添加或清除覆盖物。例如火警告警被触发后,web socket监听到上报消息,会自动触发地图组件对AlarmDataConnector的调用,添加告警窗口可以用添加信息窗体来实现。

AlarmDataViewModel定义的数据模型,与地图组件Action中“在地图上添加或清除覆盖物addMarkerElements Action”所定义的模型一致。

覆盖物数据

桥接器实例“地图覆盖物数据桥接器”

当需要在地图上显示图标、圆、折线、信息窗口等时,从下拉框选择系统提供的预置桥接器进行配置,为地图提供覆盖物的数据源。

地图配置

桥接器实例“地图配置数据桥接器”

当需要从外部控制地图的类型、中心点、缩放级别等配置时,从下拉框选择系统提供的预置桥接器进行配置,为地图提供初始化配置数据的数据源。

事件

-

-

该Widget关联的事件和动作设置。

更多桥接器介绍请参考如何调用后台接口。事件具体配置可参考如何实现组件交互

选择地图组件,单击鼠标右键选择“高级设置”,可出现如下配置。

表2 地图设置页面参数说明

参数名

说明

地图基本配置

配置地图的初始化参数,单击“地图基本配置”后的可显示具体配置项。

地图类型

地图可选类型,支持第三方地图组件,例如百度地图、高德地图、谷歌地图。

百度/高德/谷歌密钥

如需使用百度/高德/谷歌地图,需到相应开发平台上申请自己的Key。

地图模式

地图模式,有如下几种。

  • 2D
  • 3D

地图样式

地图预置的样式,有如下几种。

  • 默认
  • 深黑
  • 海蓝
  • 深蓝
  • 浅天蓝
  • 浅灰蓝
  • 靛青蓝
  • 浅灰绿
  • 月光银
  • 雅士灰

地图中心经度

地图初始化时中心点的经度坐标,采用GPS坐标标准。

地图中心纬度

地图初始化时中心点的纬度坐标,采用GPS坐标标准。

地图缩放级别

地图初始化时缩放的大小。

地图控件

配置地图上展示的控件,单击“地图控件”后的可显示具体配置项。

显示图层控件

打开可展示图层控件,用于地图在卫星图层、路网图层等图层间做切换。

显示3D控件

打开可展示3D控件,用于控制地图的俯视角度。

3D控件大小

控制展示的3D控件的大小。

3D俯仰角度

控制3D模式地图初始化时的俯视角度。

分享:

    相关文档

    相关产品

关闭导读