骑行路线规划应用
一个基于 高德地图API 制作的地图 web 应用,可以分享路线、查看 gpx 路径、地图信息点分享、各市区县布局等。
修改 /src/mapConfig.js
中的高德地图开发 key,获取地址: https://console.amap.com/dev/key/app
有两个,别选错了
![开发api key 版本](https://private-user-images.githubusercontent.com/12215982/316378699-f3c7a06c-08b6-42b1-b4fc-a56569b925b4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDczMTIsIm5iZiI6MTcyNDEwNzAxMiwicGF0aCI6Ii8xMjIxNTk4Mi8zMTYzNzg2OTktZjNjN2EwNmMtMDhiNi00MmIxLWI0ZmMtYTU2NTY5YjkyNWI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMzY1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNjMzA5NGNmNzE3NjYxYmRmNTQwMDc5N2M0NzVkOTM0YzRhZDlhN2Q5OThlNDg4YTE3ZDU2MmE2N2QzYjg4ZTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.iEwmElncJS6M8K5yPdHMa0XpftMO_O1muZHfrrhfdNw)
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