路书

骑行路线规划应用

一个基于 高德地图API 制作的地图 web 应用，可以分享路线、查看 gpx 路径、地图信息点分享、各市区县布局等。

路线分享

gpx 路径 展示

gpx 3D 路径展示

数据点展示

范围标记

市内区县展示

---

开发

一、使用

修改 /src/mapConfig.js 中的高德地图开发 key，获取地址： https://console.amap.com/dev/key/app

有两个，别选错了

const key_web_js = ''   // web js key
const key_service = ''  // web服务 key

export {
    key_web_js,
    key_service
}

Web JS 在使用的时候还需要在服务器中设置对应的安全密钥，具体参见官方文档：

JS API 安全密钥使用 https://lbs.amap.com/api/javascript-api-v2/guide/abc/jscode

二、后台程序

后台：https://github.com/KyleBing/portal

三、用到的技术

• vue3 + pinia + router
• ts
• 高德 API 2.0

四、历程

• 2021-06-28 init vue2
• 2024-07-26 vite + ts + vue3