GeoArrow NYC Polygons (deck.gl-geoarrow)

Name: @geoql/v-maplibre
Availability: InStock

NYC borough outlines from a synthetic GeoArrow IPC file. Demonstrates MultiPolygon geometry with multiple disjoint shapes, and the flat/extruded mode toggle.

Usage

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

  const table = shallowRef(null);
  onMounted(async () => {
    const url = '/geoarrow/nyc-boroughs.arrows';
    const buffer = await (await fetch(url)).arrayBuffer();
    table.value = tableFromIPC(new Uint8Array(buffer));
  });
</script>

<template>
  <VMap :options="mapOptions" class="size-full">
    <VLayerDeckglGeoArrowPolygon
      v-if="table"
      :data="table"
      :get-fill-color="[78, 205, 196, 180]"
    />
  </VMap>
</template>

Components 2

<VMap /> @geoql/v-maplibre
<VLayerDeckglGeoArrowPolygon /> @geoql/v-maplibre/deck.gl

Props and events in the API reference

Edit Report

GeoArrow LineStrings

GeoArrow Text Labels

GeoArrow MultiPolygon

NYC boroughs from a synthetic GeoArrow MultiPolygon — three disjoint shapes in a single row.

Rows

—

Format

MultiPolygon

Mode

Fill opacity180