This is a path-transform plugin extension for vue2-leaflet package
npm install --save vue2-leaflet-path-transform
git clone https://github.com/mudin/vue2-leaflet-path-transform
cd vue2-leaflet-path-transform
yarn
yarn example
# or alternatively using npm
npm install
npm run example
Then you should be able to navigate with your browser and see the demo in http://localhost:4000/
You can see the demo code in the file example.vue
something like this
<v-map :zoom=11 :center="initialLocation">
<v-icondefault></v-icondefault>
<v-tilelayer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png"></v-tilelayer>
<v-path-transform
v-for="(latLng, index) in latLngs"
:key="index"
:latLngs="latLng"
:draggable='true'
:rotation='true'
:scaling='true'
:uniformScaling='true'
:color='colors[index]'
:handlerOptions="handlerOptions"
@transformed='handlePathTransformed'>
</v-path-transform>
</v-map>
In the same template file, at <script> part, this will make the component available only to the template in this file
import Vue2LeafletPathTransform from 'vue2-leaflet-path-transform'
...
export default {
...
components: {
'v-path-transform': Vue2LeafletPathTransform
...
},
...
}
At main Vue configuration, this will make the component available to all templates in your app
import Vue from 'vue'
import Vue2LeafletPathTransform from 'vue2-leaflet-path-transform'
...
Vue.component('v-path-transform', Vue2LeafletPathTransform)
npm install
npm run build
MIT path transform plugin extension for vue2-leaflet package