vue-maplibre-gl
Version:
Vue 3 plugin for maplibre-gl
315 lines (314 loc) • 11.2 kB
TypeScript
import { ValidLanguages } from './types';
import { MapOptions as MaplibreMapOptions, Point, LngLat, LngLatLike, LngLatBounds, LngLatBoundsLike, GestureOptions, ControlPosition, CameraUpdateTransformFunction, RequestTransformFunction, TransformConstrainFunction } from 'maplibre-gl';
export type MapOptions = Omit<MaplibreMapOptions, 'container' | 'style'> & {
style: object | string;
language?: ValidLanguages;
};
export declare const defaults: {
fitBoundsOptions?: {
duration?: number | undefined;
easing?: ((_: number) => number) | undefined;
offset?: [number, number] | {
x: number;
y: number;
clone: () => Point;
add: (p: Point) => Point;
sub: (p: Point) => Point;
multByPoint: (p: Point) => Point;
divByPoint: (p: Point) => Point;
mult: (k: number) => Point;
div: (k: number) => Point;
rotate: (a: number) => Point;
rotateAround: (a: number, p: Point) => Point;
matMult: (m: [number, number, number, number]) => Point;
unit: () => Point;
perp: () => Point;
round: () => Point;
mag: () => number;
equals: (other: Point) => boolean;
dist: (p: Point) => number;
distSqr: (p: Point) => number;
angle: () => number;
angleTo: (b: Point) => number;
angleWith: (b: Point) => number;
angleWithSep: (x: number, y: number) => number;
_matMult: (m: [number, number, number, number]) => Point;
_add: (p: Point) => Point;
_sub: (p: Point) => Point;
_mult: (k: number) => Point;
_div: (k: number) => Point;
_multByPoint: (p: Point) => Point;
_divByPoint: (p: Point) => Point;
_unit: () => Point;
_perp: () => Point;
_rotate: (angle: number) => Point;
_rotateAround: (angle: number, p: Point) => Point;
_round: () => Point;
} | undefined;
animate?: boolean | undefined;
essential?: boolean | undefined;
freezeElevation?: boolean | undefined;
center?: [number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
} | undefined;
zoom?: number | undefined;
bearing?: number | undefined;
pitch?: number | undefined;
roll?: number | undefined;
elevation?: number | undefined;
curve?: number | undefined;
minZoom?: number | undefined;
speed?: number | undefined;
screenSpeed?: number | undefined;
maxDuration?: number | undefined;
padding?: number | {
top: number;
bottom?: number | undefined;
right?: number | undefined;
left?: number | undefined;
} | {
bottom: number;
top?: number | undefined;
right?: number | undefined;
left?: number | undefined;
} | {
right: number;
top?: number | undefined;
bottom?: number | undefined;
left?: number | undefined;
} | {
left: number;
top?: number | undefined;
bottom?: number | undefined;
right?: number | undefined;
} | undefined;
linear?: boolean | undefined;
maxZoom?: number | undefined;
} | undefined;
attributionControl?: false | {
compact?: boolean | undefined;
customAttribution?: (string | Array<string>) | undefined;
} | undefined;
bearing?: number | undefined;
bearingSnap?: number | undefined;
bounds?: [number, number, number, number] | {
_ne: {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
};
_sw: {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
};
setNorthEast: (ne: LngLatLike) => LngLatBounds;
setSouthWest: (sw: LngLatLike) => LngLatBounds;
extend: (obj: LngLatLike | LngLatBoundsLike) => LngLatBounds;
getCenter: () => LngLat;
getSouthWest: () => LngLat;
getNorthEast: () => LngLat;
getNorthWest: () => LngLat;
getSouthEast: () => LngLat;
getWest: () => number;
getSouth: () => number;
getEast: () => number;
getNorth: () => number;
toArray: () => [number, number][];
toString: () => string;
isEmpty: () => boolean;
contains: (lnglat: LngLatLike) => boolean;
intersects: (other: LngLatBoundsLike) => boolean;
adjustAntiMeridian: () => LngLatBounds;
} | [[number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
}, [number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
}] | undefined;
boxZoom?: boolean | undefined;
cancelPendingTileRequestsWhileZooming?: boolean | undefined;
canvasContextAttributes?: {
alpha?: boolean | undefined;
antialias?: boolean | undefined;
depth?: boolean | undefined;
desynchronized?: boolean | undefined;
failIfMajorPerformanceCaveat?: boolean | undefined;
powerPreference?: WebGLPowerPreference | undefined;
premultipliedAlpha?: boolean | undefined;
preserveDrawingBuffer?: boolean | undefined;
stencil?: boolean | undefined;
contextType?: "webgl2" | "webgl" | undefined;
} | undefined;
center?: [number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
} | undefined;
centerClampedToGround?: boolean | undefined;
clickTolerance?: number | undefined;
collectResourceTiming?: boolean | undefined;
cooperativeGestures?: GestureOptions | undefined;
crossSourceCollisions?: boolean | undefined;
doubleClickZoom?: boolean | undefined;
dragPan?: boolean | {
linearity?: number | undefined;
easing?: ((t: number) => number) | undefined;
deceleration?: number | undefined;
maxSpeed?: number | undefined;
} | undefined;
dragRotate?: boolean | undefined;
elevation?: number | undefined;
fadeDuration?: number | undefined;
hash?: boolean | string | undefined;
interactive?: boolean | undefined;
keyboard?: boolean | undefined;
locale?: Record<string, string> | undefined;
localIdeographFontFamily?: string | false | undefined;
logoPosition?: ControlPosition | undefined;
maplibreLogo?: boolean | undefined;
maxBounds?: [number, number, number, number] | {
_ne: {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
};
_sw: {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
};
setNorthEast: (ne: LngLatLike) => LngLatBounds;
setSouthWest: (sw: LngLatLike) => LngLatBounds;
extend: (obj: LngLatLike | LngLatBoundsLike) => LngLatBounds;
getCenter: () => LngLat;
getSouthWest: () => LngLat;
getNorthEast: () => LngLat;
getNorthWest: () => LngLat;
getSouthEast: () => LngLat;
getWest: () => number;
getSouth: () => number;
getEast: () => number;
getNorth: () => number;
toArray: () => [number, number][];
toString: () => string;
isEmpty: () => boolean;
contains: (lnglat: LngLatLike) => boolean;
intersects: (other: LngLatBoundsLike) => boolean;
adjustAntiMeridian: () => LngLatBounds;
} | [[number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
}, [number, number] | {
lng: number;
lat: number;
wrap: () => LngLat;
toArray: () => [number, number];
toString: () => string;
distanceTo: (lngLat: LngLat) => number;
} | {
lng: number;
lat: number;
} | {
lon: number;
lat: number;
}] | undefined;
maxCanvasSize?: [number, number] | undefined;
maxPitch?: number | null | undefined;
maxTileCacheZoomLevels?: number | undefined;
maxZoom?: number | null | undefined;
minPitch?: number | null | undefined;
minZoom?: number | null | undefined;
pitch?: number | undefined;
pitchWithRotate?: boolean | undefined;
pixelRatio?: number | undefined;
refreshExpiredTiles?: boolean | undefined;
renderWorldCopies?: boolean | undefined;
roll?: number | undefined;
rollEnabled?: boolean | undefined;
scrollZoom?: boolean | {
around: "center";
} | undefined;
touchPitch?: boolean | {
around: "center";
} | undefined;
touchZoomRotate?: boolean | {
around: "center";
} | undefined;
trackResize?: boolean | undefined;
transformCameraUpdate?: ( CameraUpdateTransformFunction | null) | undefined;
zoomSnap?: number | undefined;
zoom?: number | undefined;
maxTileCacheSize?: number | null | undefined;
transformRequest?: ( RequestTransformFunction | null) | undefined;
transformConstrain?: ( TransformConstrainFunction | null) | undefined;
reduceMotion?: boolean | undefined | undefined;
validateStyle?: boolean | undefined;
experimentalZoomLevelsToOverscale?: number | undefined;
aroundCenter?: boolean | undefined;
style: object | string;
language?: ValidLanguages | undefined;
};