@schuelerkarriere/simple-map

A simple to use mapbox wrapper written for schuelerkarriere.de.

Install

yarn add mapbox-gl @schuelerkarriere/simple-map

Map with Markers

<template>
  <sk-map-with-marker access-token="token" :markers="markers" :mapbox-promise="mapboxPromise"></sk-map-with-marker>
</template>

<script>
import { SkMapWithMarker } from '@schuelerkarriere/simple-map';

export default {
  components: { SkMapWithMarker },
  data: () => ({
    markers: [
      {           // [Longitude, Latitude]
        coordinates: [9.735603, 52.373920],
        title: "Hannover" // Optional
      },
    ],
    mapboxPromise: () => import('mapbox-gl')
  })
}
</script>