https://github.com/brandonxiang/vue-leaflet-mobile

A vue mobile webapp for leaflet.js
https://github.com/brandonxiang/vue-leaflet-mobile

leaflet vue vue-router vuex vux webapp

Last synced: about 2 months ago
JSON representation

A vue mobile webapp for leaflet.js

• Host: GitHub
• URL: https://github.com/brandonxiang/vue-leaflet-mobile
• Owner: brandonxiang
• License: mit
• Archived: true
• Created: 2017-01-21T14:12:54.000Z (almost 8 years ago)
• Default Branch: develop
• Last Pushed: 2017-10-15T04:36:29.000Z (about 7 years ago)
• Last Synced: 2024-08-03T20:14:10.783Z (5 months ago)
• Topics: leaflet, vue, vue-router, vuex, vux, webapp
• Language: JavaScript
• Homepage: https://brandonxiang.github.io/vue-leaflet-mobile/dist/
• Size: 13.2 MB
• Stars: 17
• Watchers: 6
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-leaflet-mobile

A vue mobile webapp for leaflet.js which is produced by [vue](https://github.com/vuejs/vue), [vuex](https://github.com/vuejs/vuex), [vueleaflet](https://github.com/brandonxiang/vueleaflet), [vux](https://github.com/airyland/vux) and [vue-router](https://github.com/vuejs/vue-router). The project is built by [vux-cli](https://github.com/vuejs/vue-cli).

## Development

```

npm run dev

```

## build

```

npn run build

```

## Screen Shot

![Screen](screen/screen.jpg)

## DEMO

[DEMO](https://www.shanww.cc/app/)

[PC DEMO](https://brandonxiang.github.io/vue-leaflet-mobile/www/)

![Phone DEMO](screen/demo.png)

## Chinese Doc

[CN_DOC](README_CN.md)

## TODO

- [ ] font size depends on window size

- [ ] ajax for city data

- [ ] localstorage

- [ ] vue meta

- [x] vuex router sync

## LICENSE

[MIT](LICENSE)

![Wechat Offical Code](src/assets/qrcode.jpg)

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).