Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hung4564/vue-library-map
A Vue.js component for Mapbox GL JS
https://github.com/hung4564/vue-library-map
javascript map mapbox-gl mapbox-gl-js vue vue2 vuejs2
Last synced: 3 months ago
JSON representation
A Vue.js component for Mapbox GL JS
- Host: GitHub
- URL: https://github.com/hung4564/vue-library-map
- Owner: hung4564
- Created: 2022-08-21T14:22:05.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-16T13:12:54.000Z (7 months ago)
- Last Synced: 2024-09-27T19:03:57.303Z (3 months ago)
- Topics: javascript, map, mapbox-gl, mapbox-gl-js, vue, vue2, vuejs2
- Language: Vue
- Homepage: https://hung4564.github.io/vue-library-map/
- Size: 14.6 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Vue library map
# Vue library map
## Install
```
npm i @hungpv97/vue-library-map
```
```
yarn add @hungpv97/vue-library-map
```
## Usage
```vue
/* eslint-disable no-unused-vars */
import {
FullScreenControl,
MouseCoordinatesControl,
ZoomControl,
HomeControl,
GeoLocateControl,
BaseMapControl,
Map,
PrintControl
} from "@hungpv97/vue-library-draggable";
import "@hungpv97/vue-library-map/map.css";
export default {
name: "App",
components: {
FullScreenControl,
MouseCoordinatesControl,
ZoomControl,
HomeControl,
GeoLocateControl,
BaseMapControl,
Map,
PrintControl
}
};
* {
padding: 0;
margin: 0;
}
body,
html,
#app {
height: 100%;
}
```
## Components
## Contributing
Any contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.
```bash
# serve with hot reload at localhost:8080
npm run serve
# distribution build
npm run build
```
## Feature
- [] Style edit control
- [x] Line simple
- [x] Area simple
- [x] Point simple
- [] symbol simple
- [x] raster simple
- [] icon label for layer
- [] filter simple
- [x] option simple
- [x] image
- [] Base map control
- [x] Base map card
- [] Add base map
- [x] No base map
- [] add to layer list control?
- Edit data
- [x] Geojson edit simple
- [] Raster edit simple
- [] Vector edit simple
- [] Draw edit
- Vector data edit
- [x] Crs format
- [x] add Crs
- [x] setting center,zoom
## License
[MIT license](LICENSE)