JooLun Plus 百科 ⬇ 源码下载

09.19 UI 端高德地图改天地图说明

102353 于 2026-10-17 14:14:33 +08:00 修改了此页面



手册阅读须知:本手册仅针对 JooLunPro-UI端

介绍

因为高德地图收费,所以新增国家官方地图 天地图 作为可替换方案!

如何使用

  • 首先前往官方申请应用key
  • 然后替换joolun-plus-ui/index.html文件中天地图的 key ,代码如下:
<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=key"></script>
  • 最后修改地图组件默认的地图显示为天地图类型,组件文件位置:joolun-plus-ui/src/components/map-select/index.vue
  /**
   * 地图类型: amap (高德), tianditu (天地图)
   */
  mapType: {
    type: String,
    default: "tianditu"
  }

其他说明

因为天地图和高德地图的坐标系不一样,所以增加了第三方坐标系转换库

数据库中保存的是高德地图坐标系

第三方坐标系转换库会将天地图的坐标系转换为高德地图坐标系保证数据一致(主要是为了兼容同城配送必须要求高德或百度地图坐标系)

地图坐标转换工具库:https://github.com/hujiulong/gcoord#readme