vue2-leaflet-movingmarker

    1.1.0 • Public • Published

    vue2-leaflet-movingmarker

    This is a movingmarker plugin extension for vue2-leaflet package

    Install

    npm install --save vue2-leaflet-movingmarker

    Demo

    Enjoy here You can see the demo code in the file Map.vue

    Usage

    on <template> add

    something like this

    <l-map :zoom=10 :center="initialLocation">
      <l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png" />
      <l-moving-marker
          v-for="driver in drivers"
          :key="driver.uuid"
          v-if="driver.location"
          :lat-lng="getLocation(driver)"
          :icon="getIcon(driver.uuid)"
          @click="setCurrentDriver(driver)"
          ref="driverMarker"
          :duration="2000"
      />
    </l-map>

    on <script> add

    option 1

    In the same template file, at <script> part, this will make the component available only to the template in this file

    import LMovingMarker from 'vue2-leaflet-movingmarker'
    ...
    export default {
      ...
      components: {
        LMovingMarker
        ...
      },
      ...
    }

    option 2

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

    import Vue from 'vue'
    import LMovingMarker from 'vue2-leaflet-movingmarker'
    ...
    Vue.component('l-moving-marker', LMovingMarker)

    Access movingmarker layer directly

    If you need to access other movingmarker methods, like slideTo(), you can do it with a ref on the movingmarker vue element and using the mapObject property

    ...
    <l-moving-marker ref="movingMarkerRef">
      ...
    </l-moving-marker>
    ...
    ...
    this.$refs.movingMarkerRef.mapObject.slideTo()
    ...

    Develop and build

    npm install
    npm run build
    

    Author

    Mazuel Loïc

    License

    MIT

    Install

    npm i vue2-leaflet-movingmarker

    DownloadsWeekly Downloads

    74

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    3.02 MB

    Total Files

    12

    Last publish

    Collaborators

    • louismazel
    • louismazel-npm
    • maffpool
    • williamdasilva