Simple hello-world-vue route planner built to deeply understand vue.js
Vue JavaScript HTML CSS PHP Makefile
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
api sample connection file added Jul 5, 2017
dist build added Jul 5, 2017
src screen added Jul 5, 2017
.babelrc Initial commit - webpack config created, project manager added May 29, 2017
.gitignore webpack build added to the repo for gh-pages branch Jul 5, 2017
index.html dist path changed to relative Jul 5, 2017
package.json Universal Alert component added, save editor added, it generates json… Jul 3, 2017


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.


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.