https://github.com/mudin/vue2-leaflet-path-transform

rotated marker plugin extension for vue2-leaflet package
https://github.com/mudin/vue2-leaflet-path-transform

leaflet pathtransform vue2-leaflet

Last synced: over 1 year ago
JSON representation

rotated marker plugin extension for vue2-leaflet package

• Host: GitHub
• URL: https://github.com/mudin/vue2-leaflet-path-transform
• Owner: mudin
• License: mit
• Created: 2018-11-15T06:51:18.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-07-01T12:50:39.000Z (about 4 years ago)
• Last Synced: 2025-03-10T08:35:57.151Z (over 1 year ago)
• Topics: leaflet, pathtransform, vue2-leaflet
• Language: Vue
• Homepage:
• Size: 392 KB
• Stars: 11
• Watchers: 1
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue2-leaflet-path-transform

This is a [path-transform plugin](https://www.npmjs.com/package/leaflet-path-transform) extension for [vue2-leaflet package](https://github.com/KoRiGaN/Vue2Leaflet)

## Install

    npm install --save vue2-leaflet-path-transform

## Demo

    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](example.vue)

## Usage

### on <template> add

something like this

    

        

        

        

        

    

### on <script> add

#### option 1

In the same template file, at `` 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

        ...

      },

      ...

    }

#### option 2

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)

## Develop and build

    npm install

    npm run build

## Author

[mudin](https://github.com/mudin/)

## License

MIT

path transform plugin extension for vue2-leaflet package