地图管理

地图管理用于展示设备的地理位置,支持高德地图天地图,可在前端配置文件中一键切换地图服务商。

页面支持标准地图和卫星地图切换。设备标记中,红色表示离线,蓝色表示在线;未配置经纬度的设备不会显示在地图上。

图片图片

地图服务商切换

根据运行环境修改前端对应的配置文件:

  • 开发环境:thinglinks-ui/.env.development
  • 生产环境:thinglinks-ui/.env.production
  • 测试环境:thinglinks-ui/.env.staging

通过 VUE_APP_MAP_PROVIDER 选择地图服务商:

# 使用天地图
VUE_APP_MAP_PROVIDER=tianditu

# 使用高德地图
VUE_APP_MAP_PROVIDER=amap

同时配置所选地图服务商的密钥:

# 高德地图
VUE_APP_AMAP_KEY=高德地图Key
VUE_APP_AMAP_SECURITY_JS_CODE=高德地图安全密钥

# 天地图
VUE_APP_TIANDITU_KEY=天地图Key

修改配置后,需要重新启动前端开发服务;生产环境需要重新构建并发布前端项目。

平台内部统一使用 WGS-84 坐标保存设备位置。切换高德地图或天地图时,前端会自动处理坐标转换,不需要修改已有设备经纬度。