https://github.com/mudin/vue2-leaflet-axesgrid
Axes Grid for vue2-leaflet
https://github.com/mudin/vue2-leaflet-axesgrid
Last synced: 10 months ago
JSON representation
Axes Grid for vue2-leaflet
- Host: GitHub
- URL: https://github.com/mudin/vue2-leaflet-axesgrid
- Owner: mudin
- License: bsd-3-clause
- Created: 2019-04-15T08:11:55.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-03T16:26:59.000Z (over 7 years ago)
- Last Synced: 2025-01-31T01:25:15.351Z (over 1 year ago)
- Language: Vue
- Size: 65.4 KB
- Stars: 8
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue2-leaflet-axesgrid
This is a [AxesGrid](https://github.com/mudin/Leaflet.AxesGrid) plugin extension for the [vue2-leaflet](https://github.com/KoRiGaN/Vue2Leaflet) package.
## Install
npm install vue2-leaflet-axesgrid
## Quickstart
For a complete example, have a look at the demo code in the single-file component [example](example/example.vue).
### On <template> add something like this
```html
```
### on <script> add
```javascript
import Vue2Leaflet from 'vue2-leaflet'
import Vue2LeafletAxesGrid from 'vue2-leaflet-axesgrid'
export default {
components: {
'v-map': Vue2Leaflet.Map,
'v-axesgrid': Vue2LeafletAxesGrid
},
data () {
return {
options: {
opt: { ... },
... // More AxesGrid and Map options.
}
}
}
}
```
## Demo
git clone git@github.com:tesselo/vue2-leaflet-axesgrid.git
cd vue2-leaflet-axesgrid
npm install
npm run example
Then you should be able to navigate with your browser and see the demo in http://localhost:4000/
## Develop and build
npm install
npm run build
## Acknowledgements
Thanks to Aaron Gong and Julián Perelli, the authors of the [markercluster plugin](https://github.com/jperelli/vue2-leaflet-markercluster) and the [tracksymbol plugin](https://github.com/ais-one/vue2-leaflet-tracksymbol). Both packages have been used as a basis to build this plugin.