GeoArrow All Geometries (deck.gl-geoarrow)

<script setup lang="ts">
  import { VMap } from '@geoql/v-maplibre';
  import { VLayerDeckglGeoArrowScatterplot, VLayerDeckglGeoArrowPath, VLayerDeckglGeoArrowPolygon } from '@geoql/v-maplibre/deck.gl';
  import { tableFromIPC } from 'apache-arrow';

  const pointsTable = shallowRef(null);
  const linesTable = shallowRef(null);
  const polygonsTable = shallowRef(null);
</script>

<template>
  <VMap :options="mapOptions" class="size-full">
    <VLayerDeckglGeoArrowPolygon
      v-if="polygonsTable"
      :data="polygonsTable"
      :get-fill-color="[255, 107, 107, 180]"
    />
    <VLayerDeckglGeoArrowPath
      v-if="linesTable"
      :data="linesTable"
      :get-color="[255, 215, 0, 220]"
      :get-width="2"
      width-units="pixels"
    />
    <VLayerDeckglGeoArrowScatterplot
      v-if="pointsTable"
      :data="pointsTable"
      :get-fill-color="[72, 209, 204, 220]"
      :get-radius="10"
      radius-units="pixels"
    />
  </VMap>
</template>