https://github.com/mudin/vue2-leaflet-rotatedmarker

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

leaflet markers rotation vue vue2-leaflet

Last synced: 3 months ago
JSON representation

rotated marker plugin extension for vue2-leaflet package

• Host: GitHub
• URL: https://github.com/mudin/vue2-leaflet-rotatedmarker
• Owner: mudin
• License: mit
• Created: 2018-05-21T04:56:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-09-14T00:32:53.000Z (about 6 years ago)
• Last Synced: 2024-04-25T07:43:52.822Z (over 1 year ago)
• Topics: leaflet, markers, rotation, vue, vue2-leaflet
• Language: Vue
• Size: 237 KB
• Stars: 20
• Watchers: 1
• Forks: 7
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

    

  

  

    

  

  

    

  

  

    

  



# vue2-leaflet-rotatedmarker

This is a [RotatedMarker plugin](https://github.com/bbecquet/Leaflet.RotatedMarker) extension for [vue2-leaflet package](https://github.com/KoRiGaN/Vue2Leaflet)

## Install

    npm install --save vue2-leaflet-rotatedmarker

## Demo

    git clone https://github.com/imudin/vue2-leaflet-rotatedmarker

    cd vue2-leaflet-rotatedmarker

    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 Vue2LeafletRotatedMarker from 'vue2-leaflet-rotatedmarker'

    ...

    export default {

      ...

      components: {

        'v-rotated-marker': Vue2LeafletRotatedMarker

        ...

      },

      ...

    }

#### option 2

At main Vue configuration, this will make the component available to all templates in your app

    import Vue from 'vue'

    import Vue2LeafletRotatedMarker from 'vue2-leaflet-rotatedmarker'

    ...

    Vue.component('v-rotated-marker', Vue2LeafletRotatedMarker)

## Develop and build

    npm install

    npm run build

## Author

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

## License

MIT

rotated marker plugin extension for vue2-leaflet package