Examples
Basic Map
A simple map with navigation and scale controls.
Installation
$ npx shadcn-vue@latest add https://mapcn-vue.geoql.in/r/mapUsage
<script setup lang="ts">
import { VMap, VControlNavigation, VControlScale } from '@geoql/v-maplibre';
const mapOptions = {
style: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
center: [-74.006, 40.7128],
zoom: 11,
};
</script>
<template>
<VMap :options="mapOptions" class="h-125 w-full">
<VControlNavigation position="top-right" />
<VControlScale position="bottom-left" />
</VMap>
</template> Components 3
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre<VControlScale />@geoql/v-maplibre