quasar-map-mapbox

MapBox wrapped as a Quasar Component

Install

$ npm install @wmfs/quasar-map-mapbox --save

Usage

<template>
  <q-map
    centre-latitude=...  // initial centre
    centre-longitude=... 
    :locked=true|false   // whether the map can be panned and clicked 
    >
    <q-map-circle
      latitude=...  // marker position
      longitude=... 
      color=...  // optional
      id=...     // optional
      :locked=true|false // whether this marker can be dragged and moved around 
  </q-map>
</template>
<script>
import QMap from '@wmfs/quasar-map-mapbox'

export default {
  ...
  components: { QMap, ... }
  ...
}
</script>

A map may have many markers.

All parameters are optional.

If the QMap's centre-latitude and centre-longitude are not defined, the map will attempt to centre of the mid-point of its markers.

Build

Define the MAPBOX_ACCESS_TOKEN environment variable at build time.

License

MIT