useMapContext

Reads the current map context from Map.

Returns undefined outside Map.

Usage

<script setup lang="ts">
import { computed } from 'vue'
import { useMapContext } from '@d3-maps/vue'

const context = useMapContext()
const featureCountLabel = computed(() => {
  if (!context) return null
  return `${context.features.length} features`
})
</script>

<template>
  <text
    v-if="featureCountLabel"
    x="12"
    y="20"
    font-size="12"
    fill="#111"
  >
    {{ featureCountLabel }}
  </text>
</template>