@geoql/v-maplibre 1.3.0 → 1.4.0

package/dist/layers/deckgl/cog/VLayerDeckglCOG.vue.d.ts

@@ -0,0 +1,166 @@
+import type { Color } from '@deck.gl/core';
+interface Props {
+    id: string;
+    /**
+     * GeoTIFF source - URL string, ArrayBuffer, Blob, or geotiff.js instance
+     */
+    geotiff: string | ArrayBuffer | Blob | object;
+    /**
+     * Tile size in pixels
+     */
+    tileSize?: number;
+    /**
+     * Maximum zoom level
+     */
+    maxZoom?: number;
+    /**
+     * Minimum zoom level
+     */
+    minZoom?: number;
+    /**
+     * Maximum number of tiles to cache
+     */
+    maxCacheSize?: number;
+    /**
+     * Refinement strategy for tile loading
+     */
+    refinementStrategy?: 'best-available' | 'no-overlap' | 'never';
+    /**
+     * Maximum concurrent requests
+     */
+    maxRequests?: number;
+    /**
+     * Layer opacity (0-1)
+     */
+    opacity?: number;
+    /**
+     * Layer visibility
+     */
+    visible?: boolean;
+    /**
+     * Enable picking on this layer
+     */
+    pickable?: boolean;
+    /**
+     * Auto highlight on hover
+     */
+    autoHighlight?: boolean;
+    /**
+     * Highlight color when autoHighlight is enabled
+     */
+    highlightColor?: Color;
+    /**
+     * Insert layer before this layer id
+     */
+    beforeId?: string;
+    /**
+     * Show debug overlay on tiles
+     */
+    debug?: boolean;
+    /**
+     * Opacity of debug overlay (0-1)
+     */
+    debugOpacity?: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    hover: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    geotiffLoad: (tiff: unknown, options: {
+        geographicBounds: {
+            west: number;
+            south: number;
+            east: number;
+            north: number;
+        };
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onHover?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onGeotiffLoad?: ((tiff: unknown, options: {
+        geographicBounds: {
+            west: number;
+            south: number;
+            east: number;
+            north: number;
+        };
+    }) => any) | undefined;
+}>, {
+    debug: boolean;
+    opacity: number;
+    pickable: boolean;
+    visible: boolean;
+    tileSize: number;
+    autoHighlight: boolean;
+    minZoom: number;
+    refinementStrategy: "best-available" | "no-overlap" | "never";
+    maxRequests: number;
+    debugOpacity: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layers/deckgl/cog/index.d.ts

@@ -0,0 +1 @@
+export { default as VLayerDeckglCOG } from './VLayerDeckglCOG.vue';

package/dist/layers/deckgl/index.d.ts

@@ -30,6 +30,7 @@ export { VLayerDeckglQuadkey } from './quadkey';
 export { VLayerDeckglWMS } from './wms';
 export { VLayerDeckglSimpleMesh } from './simple-mesh';
 export { VLayerDeckglScenegraph } from './scenegraph';
+export { VLayerDeckglCOG } from './cog';
 export { VLayerDeckgl } from './generic';
 export { useDeckOverlay, useDeckLayers, DeckOverlayKey, DeckLayersKey, } from './_shared';
 export * from './_shared/types';

package/dist/layers/index.d.ts

@@ -6,4 +6,5 @@ export { VectorLayer as VLayerMaplibreVector } from './maplibre/vector';
 export { VideoLayer as VLayerMaplibreVideo } from './maplibre/video';
 export { PmtileLayer as VLayerMaplibrePmtile } from './maplibre/pmtile';
 export { ClusterLayer as VLayerMaplibreCluster } from './maplibre/cluster';
+export { RouteLayer as VLayerMaplibreRoute } from './maplibre/route';
 export * from './deckgl';

package/dist/layers/maplibre/route/VLayerMaplibreRoute.vue.d.ts

@@ -0,0 +1,64 @@
+interface RouteClick {
+    coordinates: {
+        lng: number;
+        lat: number;
+    };
+}
+interface Props {
+    /** Unique identifier for the route */
+    id?: string;
+    /** Array of [longitude, latitude] coordinate pairs defining the route */
+    coordinates: [number, number][];
+    /** Line color as CSS color value */
+    color?: string;
+    /** Line width in pixels */
+    width?: number;
+    /** Line opacity (0-1) */
+    opacity?: number;
+    /** Line cap style */
+    lineCap?: 'butt' | 'round' | 'square';
+    /** Line join style */
+    lineJoin?: 'bevel' | 'round' | 'miter';
+    /** Whether the route is visible */
+    visible?: boolean;
+    /** Whether the route is interactive (shows pointer cursor on hover) */
+    interactive?: boolean;
+    /** Render this layer before the specified layer */
+    before?: string;
+    /** Line dash array for dashed lines */
+    dashArray?: number[];
+    /** Line blur in pixels */
+    blur?: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: RouteClick) => any;
+    mouseenter: () => any;
+    mouseleave: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: RouteClick) => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+    onMouseleave?: (() => any) | undefined;
+}>, {
+    width: number;
+    id: string;
+    opacity: number;
+    before: string;
+    visible: boolean;
+    color: string;
+    lineCap: "butt" | "round" | "square";
+    lineJoin: "bevel" | "round" | "miter";
+    interactive: boolean;
+    blur: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layers/maplibre/route/index.d.ts

@@ -0,0 +1 @@
+export { default as RouteLayer } from './VLayerMaplibreRoute.vue';

package/dist/markers/VMarker.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Props = {
     cursor?: string;
 };
 declare var __VLS_1: {
-    setRef: (el: HTMLElement) => void;
+    setRef: (el: HTMLElement | Element | null) => void;
 }, __VLS_9: {};
 type __VLS_Slots = {} & {
     markers?: (props: typeof __VLS_1) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoql/v-maplibre",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Vue 3 components for MapLibre GL - reactive map components with full TypeScript support",
   "type": "module",
   "main": "./dist/index.js",
@@ -40,6 +40,8 @@
     "@deck.gl/aggregation-layers": "^9.2.5",
     "@deck.gl/geo-layers": "^9.2.5",
     "@deck.gl/mesh-layers": "^9.2.5",
+    "@developmentseed/deck.gl-geotiff": "^0.1.0",
+    "geotiff-geokeys-to-proj4": "^2024.4.0",
     "maplibre-gl-lidar": "^0.5.0"
   },
   "peerDependenciesMeta": {
@@ -61,6 +63,12 @@
     "@deck.gl/mesh-layers": {
       "optional": true
     },
+    "@developmentseed/deck.gl-geotiff": {
+      "optional": true
+    },
+    "geotiff-geokeys-to-proj4": {
+      "optional": true
+    },
     "maplibre-gl-lidar": {
       "optional": true
     }