骑行路线规划应用
一个基于 高德地图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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NjkxODksIm5iZiI6MTcyMzg2ODg4OSwicGF0aCI6Ii8xMjIxNTk4Mi8zMTYzNzg2OTktZjNjN2EwNmMtMDhiNi00MmIxLWI0ZmMtYTU2NTY5YjkyNWI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDA0MjgwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMxMDM0Y2JmNzJmYjY5NmM4MmNhNGVhZGEwMGE1N2MxODFjNmQ0MjRiOGZjNDE1OGJhNzRjNGI3ZTk1Y2VhYzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.H81I2JcSIMbELP8BPCTPcoVrD6ZkslVVE0Nq6ar5e3A)
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