/route-planner-vue

Simple hello-world-vue route planner built to deeply understand vue.js

Primary LanguageVue

route-planner-vue

Simple hello-world-vue rebuild of my old route planner. It was written to deeply understand vue.js and vuex.

The Demo

See the demo on github pages or standalone version on my server.

Here's the sample of my eurotrip 2017.

route planner vue demo screen

Core functionality

  • Unlimited markers, polygons and direction paths on the map, organized into unlimited sortable layers.
  • The possibility to mark POI (places of interests), add them to the layer like any other usual marker and comment.
  • Up to 20 waypoints for each route, draggable directions.
  • Export to simple JSON object and import JSON as well alongside with storing data serverside.
  • Private keys allow to share project for collaborate work, read only sharing also supported.

Libraries

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.