npm i @hungpv97/vue-library-map
yarn add @hungpv97/vue-library-map
<template>
<div id="app">
<Map locale="vi">
<BaseMapControl position="bottom-left" />
<PrintControl />
<GeoLocateControl />
<HomeControl />
<ZoomControl />
<FullScreenControl />
<MouseCoordinatesControl />
</Map>
</div>
</template>
<script>
/* 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
}
};
</script>
<style>
* {
padding: 0;
margin: 0;
}
body,
html,
#app {
height: 100%;
}
</style>
Any contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.
# serve with hot reload at localhost:8080
npm run serve
# distribution build
npm run build
- [] Style edit control
- Line simple
- Area simple
- Point simple
- [] symbol simple
- raster simple
- [] icon label for layer
- [] filter simple
- option simple
- image
- [] Base map control
- Base map card
- [] Add base map
- No base map
- [] add to layer list control?
- Edit data
- Geojson edit simple
- [] Raster edit simple
- [] Vector edit simple
- [] Draw edit
- Vector data edit
- Crs format
- add Crs
- setting center,zoom