ind-map-transfer 转换地图jsApi

项目启动

node版本要求

启动 node >= 16 node8前端业务应用可以正常依赖

发布

yarn release
cnpm sync @indfnd/map-transfer

使用指南

1. 安装依赖

npm install @indfnd/map-transfer

2. 引入对应地图js后，加载转换api

import { initMapTransfer } from '@indfnd/map-transfer'

let p1 = getTxMapServiceSk() // 获取地图WebService服务密钥
let p2

// 获取地图key服务后，引入地图js
getTxMapKey().then(() => {
  p2 = addScript('https://map.qq.com/api/gljs?v=1.exp&libraries=service,geometry&key=' + txMapKey)

  Promise.all([p1, p2]).then(() => {
    // 加载地图转换
    initMapTransfer('tx2bd', {
      key: txMapKey,
      serviceSk: txMapServiceSk,
    })
    // console.log('加载地图转换成功', txMapKey, txMapServiceSk)
    console.log('加载地图转换成功', !!txMapKey, !!txMapServiceSk)
  })
})

initMapTransfer

initMapTransfer(transferType: String, options: Object)
/*
  transferType: 转换类型，可选值：
    - tx2bd(将腾讯的TMap转换为百度的Map)
  options: 配置项
    - key: '', // 地图的key，所有地图应该都需要申请个key
    - serviceSk: '', // 腾讯地图WebService可能还有个WebService的sk
*/

api转换思路

1. 参考地图api的类参考，封装对应的类
2. 在各个类中保留引入js地图的对应实例，以供类之间互相调用的需要
3. 坐标系转换统一在 Point 类中，转换两个地图坐标点时实现
4. 实现大部分场景，复杂场景不实现，如自定义覆盖物