高德地图集成

系统中车辆管理集成了高德地图，需要进行地图设置

高德地图api文档

前端配置说明

1. 考勤组范围

• 效果图

1.1 代码位置

• 代码位置：views/super/eoa/sign/modules/group/components/GaoDeMap.vue

1.2 props

属性	类型	描述
width	string	地图宽度
height	string	地图高度
value	any	包含经纬度、地址
value.temp_location	string	经纬度(116.389918,39.905082)
value.longitude	number	经度(116.389918)
value.latitude	number	纬度(39.905082)
value.address	string	地址
locationRange	number	打卡范围(500)米
apiKey	string	高德地图key
secretKey	string	高德地图安全秘钥

1.3 方法解读

• 修改默认中心点坐标：在初始化initMap方法中修改经纬度即可

• setSearchConfig：搜索配置
• setGeocoderConfig：设置地理编码
• setCircleConfig： 设置区域面积
• setMarker：设置标记点

2. 车辆轨迹

• 效果图

1.1 代码位置

• 代码位置：src/views/super/eoa/car/trace/TraceMap.vue

1.2 props

属性	类型	描述
width	string	地图宽度
height	string	地图高度
apiKey	string	高德地图key
secretKey	string	高德地图安全秘钥

1.3 方法解读

• 修改默认中心点坐标：在初始化initMap方法中修改经纬度即可

• loadCar：首次加载车辆信息，接口需要返回车辆经纬度

  • 接口配置地方：views/super/eoa/car/trace/enum/CarEnum.ts文件中FIND_LATEST_BY_IMEIS
  
  • 接口返回内容

  [
    {
      //纬度
      "latitude": "38.918739",
      //车辆信息唯一标识，可根据下拉框车辆信息对应的value值自行修改
      "imei": "18441136860",
      //经度
      "longitude": "117.758737",
    }
  ]
  • 效果图
  

• setCarRunningTrack：设置车辆运行轨迹

  • 接口配置地方：views/super/eoa/car/trace/enum/CarEnum.ts文件中FIND_BY_IMEI_AND_TIME
    • 接口返回内容(部分)

    [
      {
        //纬度
        "latitude": "38.912509",
        //经度
        "longitude": "117.796087",
      },
      {
        //纬度
        "latitude": "38.912574",
        //经度
        "longitude": "117.796246",
      },
      {
        //纬度
        "latitude": "38.912708",
        //经度
        "longitude": "117.796200",
      },
      {
        //纬度
        "latitude": "38.912860",
        //经度
        "longitude": "117.795919",
      }
    ]
    • 效果图
    

• setCarLine: 设置车辆运行轨迹

• startAnimation：开始动画

• pauseAnimation：暂停动画

• resumeAnimation：继续动画

后端配置说明

• 获取高德地图配置的方式：https://console.amap.com/dev/key/app
• key对应后端的api-key
• 安全密钥对应后端的secret-key

• 后端需要配置高的地图的应用key和秘钥

jeecg:
  # 高德地图Api配置
  gao-de-api:
    # 应用key
    api-key: 21f194a0d33197f874f7bbdd198419be
    # 应用秘钥
    secret-key: a46b425f31a4de445b2966d998fba851