{"id":26958804,"url":"https://github.com/kylebing/map","last_synced_at":"2025-04-03T04:33:35.483Z","repository":{"id":213707345,"uuid":"380948306","full_name":"KyleBing/map","owner":"KyleBing","description":"路书，路线规划，高德地图 api 示例，地图信息 vue3 ts vite","archived":false,"fork":false,"pushed_at":"2025-04-02T09:40:16.000Z","size":1775,"stargazers_count":134,"open_issues_count":2,"forks_count":26,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-02T10:35:23.681Z","etag":null,"topics":["dirvingroute","gaode","gaode-loca","gaode-sdk","gaodemap","loca","map","maproute","routeplanner","routing","typescript","vue3"],"latest_commit_sha":null,"homepage":"http://kylebing.cn/tools/map","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KyleBing.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-28T07:45:11.000Z","updated_at":"2025-04-02T09:40:20.000Z","dependencies_parsed_at":"2024-03-28T08:33:33.129Z","dependency_job_id":"e021b2fb-b635-4672-8e78-3f42ec3f9b91","html_url":"https://github.com/KyleBing/map","commit_stats":null,"previous_names":["kylebing/map"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KyleBing%2Fmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KyleBing%2Fmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KyleBing%2Fmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KyleBing%2Fmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KyleBing","download_url":"https://codeload.github.com/KyleBing/map/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246939195,"owners_count":20857916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dirvingroute","gaode","gaode-loca","gaode-sdk","gaodemap","loca","map","maproute","routeplanner","routing","typescript","vue3"],"created_at":"2025-04-03T04:31:50.740Z","updated_at":"2025-04-03T04:33:35.465Z","avatar_url":"https://github.com/KyleBing.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 路书\n骑行路线规划应用\n\n一个基于 [高德地图API](https://lbs.amap.com/api/javascript-api-v2/documentation) 制作的地图 web 应用，可以分享路线、查看 gpx 路径、地图信息点分享、各市区县布局等。\n\n路线分享  \n\u003cimg width=\"2032\" alt=\"Screenshot 2024-01-23 at 17 45 28\" src=\"https://github.com/KyleBing/map/assets/12215982/19597ade-9f78-4fdc-a0db-b0fd78fca6b4\"\u003e\n\ngpx 路径 展示  \n\u003cimg width=\"2032\" alt=\"GPX\" src=\"https://github.com/KyleBing/map/assets/12215982/293ac9e9-dc52-4224-b855-97c707cf07ea\"\u003e\n\ngpx 3D 路径展示  \n![2024-05-06 13-52-05 2024-05-06 13_55_08](https://github.com/KyleBing/map/assets/12215982/1bd3033e-84cf-4d56-9b3f-22e6c46c94b8)\n\n数据点展示  \n\u003cimg width=\"2032\" alt=\"Screenshot 2024-01-23 at 17 39 57\" src=\"https://github.com/KyleBing/map/assets/12215982/9ef18183-a004-4e51-a547-49bcb9fdfbd9\"\u003e\n\n范围标记  \n\u003cimg width=\"2032\" alt=\"Screenshot 2024-01-23 at 17 40 29\" src=\"https://github.com/KyleBing/map/assets/12215982/6deab80c-ebcd-49db-a3d9-c4d178869682\"\u003e\n\n市内区县展示  \n\u003cimg width=\"2032\" alt=\"Screenshot 2024-01-23 at 17 40 42\" src=\"https://github.com/KyleBing/map/assets/12215982/5a1603cb-1ecf-4782-a22d-5e684cfc3653\"\u003e\n\n---\n\n# 开发\n\n## 一、使用\n\n修改 `/src/mapConfig.js` 中的高德地图开发 key，获取地址： [https://console.amap.com/dev/key/app](https://console.amap.com/dev/key/app)\n\n有两个，别选错了\n\n\n\u003cimg width=\"646\" alt=\"开发api key 版本\" src=\"https://github.com/KyleBing/map/assets/12215982/f3c7a06c-08b6-42b1-b4fc-a56569b925b4\"\u003e\n\n\n```js\nconst key_web_js = ''   // web js key\nconst key_service = ''  // web服务 key\n\nexport {\n    key_web_js,\n    key_service\n}\n```\n\nWeb JS 在使用的时候还需要在服务器中设置对应的安全密钥，具体参见官方文档：\n\u003e [JS API 安全密钥使用 https://lbs.amap.com/api/javascript-api-v2/guide/abc/jscode](https://lbs.amap.com/api/javascript-api-v2/guide/abc/jscode)\n\n## 二、后台程序\n\n后台：[https://github.com/KyleBing/portal](https://github.com/KyleBing/portal)\n\n\n## 三、用到的技术\n- `vue3` + `pinia` + `router` \n- `ts`\n- 高德 API 2.0\n\n## 四、历程\n- 2021-06-28 init `vue2`\n- 2024-07-26 `vite` + `ts` + `vue3`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylebing%2Fmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkylebing%2Fmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylebing%2Fmap/lists"}