Coder Social home page Coder Social logo

kylebing / map Goto Github PK

View Code? Open in Web Editor NEW
52.0 3.0 11.0 1.6 MB

路书,路线规划,高德地图 api 示例,地图信息

Home Page: http://kylebing.cn/tools/map

JavaScript 38.27% HTML 0.19% Vue 59.25% SCSS 2.07% CSS 0.19% Shell 0.03%
gaode gaode-sdk gaodemap map maproute routeplanner routing dirvingroute loca gaode-loca

map's Introduction

路书

骑行路线规划应用

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

路线分享
Screenshot 2024-01-23 at 17 45 28

gpx 路径 展示
GPX

gpx 3D 路径展示
2024-05-06 13-52-05 2024-05-06 13_55_08

数据点展示
Screenshot 2024-01-23 at 17 39 57

范围标记
Screenshot 2024-01-23 at 17 40 29

市内区县展示
Screenshot 2024-01-23 at 17 40 42

一、使用

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

有两个,别选错了

开发api key 版本
export default {
    key_web_js: '', // web js key
    key_service: '',  // web服务 key
}

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

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

二、后台

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

三、用到的技术

  • vue2
  • vue router
  • vuex
  • 高德 API 2.0

map's People

Contributors

kylebing avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

map's Issues

请问Windows下能部署吗?

大佬大佬,我尝试着在Windows11下进行部署,但是在map-master/deploy.sh下尝试改写语句时候出了问题,在map-master/deploy.sh下
① rm -Rf tools/map/* &&
② mv map-* tools/map/ && 将当前目录下的所有以 map- 开头的文件移动到 tools/map/ 目录。
③ cd tools/map && 切换到 tools/map/ 目录
④ unzip map-* && 这些语句中的解压缩当前目录下所有以 map- 开头的文件。
⑤ rm -f map-*
这些语句中我不知道2、3、4里提到的 要移动、解压、最后删除的map- 开头的文件 在哪里?如果大佬看到这条留言,并且有心情回答的话,请帮我一下,万分感谢。

坐等完善

插个眼,年底要去旅游,准备找个开源的项目自己弄下,就发现你的这个看着优秀哇。大佬加油

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.