vue-maplibre-gl
Version:
Vue 3 plugin for maplibre-gl
1,065 lines (1,064 loc) • 40.4 kB
TypeScript
import { FitBoundsOptions, ValidLanguages } from '../types';
import { ProjectionSpecification } from '@maplibre/maplibre-gl-style-spec';
import { MapOptions, LngLat, LngLatLike, LngLatBounds, LngLatBoundsLike, WebGLSupportedVersions, Point, ControlPosition, CameraUpdateTransformFunction, RequestTransformFunction, AnimationOptions, CenterZoomBearing, PaddingOptions, PointLike, AttributionControlOptions, WebGLContextAttributesWithType, DragPanOptions, AroundCenterOptions } from 'maplibre-gl';
import { PropType, SlotsType, DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
declare const _default: DefineComponent<ExtractPropTypes<{
width: {
type: PropType<number | string>;
default: string;
};
height: {
type: PropType<number | string>;
default: string;
};
attributionControl: {
type: PropType<MapOptions["attributionControl"]>;
default: () => false | {
compact?: boolean | undefined;
customAttribution?: (string | Array<string>) | undefined;
} | undefined;
};
bearing: {
type: PropType<MapOptions["bearing"]>;
default: () => number | undefined;
};
bearingSnap: {
type: PropType<MapOptions["bearingSnap"]>;
default: () => number | undefined;
};
bounds: {
type: PropType<MapOptions["bounds"]>;
default: () => [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;
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: {
type: PropType<MapOptions["boxZoom"]>;
default: () => boolean | undefined;
};
cancelPendingTileRequestsWhileZooming: {
type: PropType<MapOptions["cancelPendingTileRequestsWhileZooming"]>;
default: () => boolean | undefined;
};
canvasContextAttributes: {
type: PropType<MapOptions["canvasContextAttributes"]>;
default: () => {
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?: WebGLSupportedVersions;
} | undefined;
};
center: {
type: PropType<MapOptions["center"]>;
default: () => [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: {
type: PropType<MapOptions["centerClampedToGround"]>;
default: () => boolean | undefined;
};
clickTolerance: {
type: PropType<MapOptions["clickTolerance"]>;
default: () => number | undefined;
};
collectResourceTiming: {
type: PropType<MapOptions["collectResourceTiming"]>;
default: () => boolean | undefined;
};
cooperativeGestures: {
type: PropType<MapOptions["cooperativeGestures"]>;
default: () => boolean | undefined;
};
crossSourceCollisions: {
type: PropType<MapOptions["crossSourceCollisions"]>;
default: () => boolean | undefined;
};
doubleClickZoom: {
type: PropType<MapOptions["doubleClickZoom"]>;
default: () => boolean | undefined;
};
dragPan: {
type: PropType<MapOptions["dragPan"]>;
default: () => boolean | {
linearity?: number | undefined;
easing?: ((t: number) => number) | undefined;
deceleration?: number | undefined;
maxSpeed?: number | undefined;
} | undefined;
};
dragRotate: {
type: PropType<MapOptions["dragRotate"]>;
default: () => boolean | undefined;
};
elevation: {
type: PropType<MapOptions["elevation"]>;
default: () => number | undefined;
};
fadeDuration: {
type: PropType<MapOptions["fadeDuration"]>;
default: () => number | undefined;
};
fitBoundsOptions: {
type: PropType<FitBoundsOptions>;
default: () => {
duration?: number | undefined;
easing?: ((_: number) => number) | undefined;
offset?: [number, number] | {
x: number;
y: number;
clone: () => Point;
add: (p: Point) => Point;
_add: (p: Point) => Point;
sub: (p: Point) => Point;
_sub: (p: Point) => Point;
multiByPoint: (p: Point) => Point;
divByPoint: (p: Point) => Point;
mult: (k: number) => Point;
_mult: (k: number) => Point;
div: (k: number) => Point;
_div: (k: number) => Point;
rotate: (k: number) => Point;
_rotate: (k: number) => Point;
rotateAround: (k: number, p: Point) => Point;
_rotateAround: (k: number, p: Point) => Point;
matMult: (m: number[]) => Point;
_matMult: (m: number[]) => Point;
unit: () => Point;
_unit: () => Point;
perp: () => Point;
_perp: () => Point;
round: () => 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;
} | 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;
};
hash: {
type: PropType<MapOptions["hash"]>;
default: () => string | boolean | undefined;
};
interactive: {
type: PropType<MapOptions["interactive"]>;
default: () => boolean | undefined;
};
keyboard: {
type: PropType<MapOptions["keyboard"]>;
default: () => boolean | undefined;
};
language: {
type: PropType<ValidLanguages | null>;
default: () => ValidLanguages | null;
};
locale: {
type: PropType<MapOptions["locale"]>;
default: () => any;
};
localIdeographFontFamily: {
type: PropType<MapOptions["localIdeographFontFamily"]>;
default: () => string | false | undefined;
};
logoPosition: {
type: PropType<MapOptions["logoPosition"]>;
default: () => ControlPosition | undefined;
};
mapKey: {
type: PropType<string | symbol>;
};
maplibreLogo: {
type: PropType<MapOptions["maplibreLogo"]>;
default: () => boolean | undefined;
};
mapStyle: {
type: PropType<object | string>;
default: () => string | object;
};
maxBounds: {
type: PropType<MapOptions["maxBounds"]>;
default: () => [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;
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: {
type: PropType<MapOptions["maxCanvasSize"]>;
default: () => [number, number] | undefined;
};
maxPitch: {
type: PropType<MapOptions["maxPitch"]>;
default: () => number | null | undefined;
};
maxTileCacheSize: {
type: PropType<number>;
default: () => number | null | undefined;
};
maxTileCacheZoomLevels: {
type: PropType<MapOptions["maxTileCacheZoomLevels"]>;
default: () => number | undefined;
};
maxZoom: {
type: PropType<MapOptions["maxZoom"]>;
default: () => number | null | undefined;
};
minPitch: {
type: PropType<MapOptions["minPitch"]>;
default: () => number | null | undefined;
};
minZoom: {
type: PropType<MapOptions["minZoom"]>;
default: () => number | null | undefined;
};
pitch: {
type: PropType<MapOptions["pitch"]>;
default: () => number | undefined;
};
pitchWithRotate: {
type: PropType<MapOptions["pitchWithRotate"]>;
default: () => boolean | undefined;
};
pixelRatio: {
type: PropType<MapOptions["pixelRatio"]>;
default: () => number | undefined;
};
refreshExpiredTiles: {
type: PropType<MapOptions["refreshExpiredTiles"]>;
default: () => boolean | undefined;
};
renderWorldCopies: {
type: PropType<MapOptions["renderWorldCopies"]>;
default: () => boolean | undefined;
};
roll: {
type: PropType<MapOptions["roll"]>;
default: () => number | undefined;
};
rollEnabled: {
typed: PropType<MapOptions["rollEnabled"]>;
default: () => boolean | undefined;
};
scrollZoom: {
type: PropType<MapOptions["scrollZoom"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
touchPitch: {
type: PropType<MapOptions["touchPitch"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
touchZoomRotate: {
type: PropType<MapOptions["touchZoomRotate"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
trackResize: {
type: PropType<MapOptions["trackResize"]>;
default: () => boolean | undefined;
};
transformCameraUpdate: {
type: PropType<NonNullable<MapOptions["transformCameraUpdate"]>>;
default: CameraUpdateTransformFunction | null | undefined;
};
transformRequest: {
type: PropType<NonNullable<MapOptions["transformRequest"]>>;
default: RequestTransformFunction | null | undefined;
};
validateStyle: {
type: PropType<MapOptions["validateStyle"]>;
default: () => boolean | undefined;
};
zoom: {
type: PropType<MapOptions["zoom"]>;
default: () => number | undefined;
};
projection: {
type: PropType<ProjectionSpecification>;
};
}>, () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("map:boxzoomcancel" | "map:boxzoomend" | "map:boxzoomstart" | "map:click" | "map:contextmenu" | "map:cooperativegestureprevented" | "map:data" | "map:dataabort" | "map:dataloading" | "map:dblclick" | "map:drag" | "map:dragend" | "map:dragstart" | "map:error" | "map:idle" | "map:load" | "map:mousedown" | "map:mousemove" | "map:mouseout" | "map:mouseover" | "map:mouseup" | "map:move" | "map:moveend" | "map:movestart" | "map:pitch" | "map:pitchend" | "map:pitchstart" | "map:projectiontransition" | "map:remove" | "map:render" | "map:resize" | "map:rotate" | "map:rotateend" | "map:rotatestart" | "map:sourcedata" | "map:sourcedataabort" | "map:sourcedataloading" | "map:styledata" | "map:styledataloading" | "map:styleimagemissing" | "map:terrain" | "map:tiledataloading" | "map:touchcancel" | "map:touchend" | "map:touchmove" | "map:touchstart" | "map:webglcontextlost" | "map:webglcontextrestored" | "map:wheel" | "map:zoom" | "map:zoomend" | "map:zoomstart")[], "map:boxzoomcancel" | "map:boxzoomend" | "map:boxzoomstart" | "map:click" | "map:contextmenu" | "map:cooperativegestureprevented" | "map:data" | "map:dataabort" | "map:dataloading" | "map:dblclick" | "map:drag" | "map:dragend" | "map:dragstart" | "map:error" | "map:idle" | "map:load" | "map:mousedown" | "map:mousemove" | "map:mouseout" | "map:mouseover" | "map:mouseup" | "map:move" | "map:moveend" | "map:movestart" | "map:pitch" | "map:pitchend" | "map:pitchstart" | "map:projectiontransition" | "map:remove" | "map:render" | "map:resize" | "map:rotate" | "map:rotateend" | "map:rotatestart" | "map:sourcedata" | "map:sourcedataabort" | "map:sourcedataloading" | "map:styledata" | "map:styledataloading" | "map:styleimagemissing" | "map:terrain" | "map:tiledataloading" | "map:touchcancel" | "map:touchend" | "map:touchmove" | "map:touchstart" | "map:webglcontextlost" | "map:webglcontextrestored" | "map:wheel" | "map:zoom" | "map:zoomend" | "map:zoomstart", PublicProps, Readonly< ExtractPropTypes<{
width: {
type: PropType<number | string>;
default: string;
};
height: {
type: PropType<number | string>;
default: string;
};
attributionControl: {
type: PropType<MapOptions["attributionControl"]>;
default: () => false | {
compact?: boolean | undefined;
customAttribution?: (string | Array<string>) | undefined;
} | undefined;
};
bearing: {
type: PropType<MapOptions["bearing"]>;
default: () => number | undefined;
};
bearingSnap: {
type: PropType<MapOptions["bearingSnap"]>;
default: () => number | undefined;
};
bounds: {
type: PropType<MapOptions["bounds"]>;
default: () => [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;
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: {
type: PropType<MapOptions["boxZoom"]>;
default: () => boolean | undefined;
};
cancelPendingTileRequestsWhileZooming: {
type: PropType<MapOptions["cancelPendingTileRequestsWhileZooming"]>;
default: () => boolean | undefined;
};
canvasContextAttributes: {
type: PropType<MapOptions["canvasContextAttributes"]>;
default: () => {
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?: WebGLSupportedVersions;
} | undefined;
};
center: {
type: PropType<MapOptions["center"]>;
default: () => [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: {
type: PropType<MapOptions["centerClampedToGround"]>;
default: () => boolean | undefined;
};
clickTolerance: {
type: PropType<MapOptions["clickTolerance"]>;
default: () => number | undefined;
};
collectResourceTiming: {
type: PropType<MapOptions["collectResourceTiming"]>;
default: () => boolean | undefined;
};
cooperativeGestures: {
type: PropType<MapOptions["cooperativeGestures"]>;
default: () => boolean | undefined;
};
crossSourceCollisions: {
type: PropType<MapOptions["crossSourceCollisions"]>;
default: () => boolean | undefined;
};
doubleClickZoom: {
type: PropType<MapOptions["doubleClickZoom"]>;
default: () => boolean | undefined;
};
dragPan: {
type: PropType<MapOptions["dragPan"]>;
default: () => boolean | {
linearity?: number | undefined;
easing?: ((t: number) => number) | undefined;
deceleration?: number | undefined;
maxSpeed?: number | undefined;
} | undefined;
};
dragRotate: {
type: PropType<MapOptions["dragRotate"]>;
default: () => boolean | undefined;
};
elevation: {
type: PropType<MapOptions["elevation"]>;
default: () => number | undefined;
};
fadeDuration: {
type: PropType<MapOptions["fadeDuration"]>;
default: () => number | undefined;
};
fitBoundsOptions: {
type: PropType<FitBoundsOptions>;
default: () => {
duration?: number | undefined;
easing?: ((_: number) => number) | undefined;
offset?: [number, number] | {
x: number;
y: number;
clone: () => Point;
add: (p: Point) => Point;
_add: (p: Point) => Point;
sub: (p: Point) => Point;
_sub: (p: Point) => Point;
multiByPoint: (p: Point) => Point;
divByPoint: (p: Point) => Point;
mult: (k: number) => Point;
_mult: (k: number) => Point;
div: (k: number) => Point;
_div: (k: number) => Point;
rotate: (k: number) => Point;
_rotate: (k: number) => Point;
rotateAround: (k: number, p: Point) => Point;
_rotateAround: (k: number, p: Point) => Point;
matMult: (m: number[]) => Point;
_matMult: (m: number[]) => Point;
unit: () => Point;
_unit: () => Point;
perp: () => Point;
_perp: () => Point;
round: () => 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;
} | 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;
};
hash: {
type: PropType<MapOptions["hash"]>;
default: () => string | boolean | undefined;
};
interactive: {
type: PropType<MapOptions["interactive"]>;
default: () => boolean | undefined;
};
keyboard: {
type: PropType<MapOptions["keyboard"]>;
default: () => boolean | undefined;
};
language: {
type: PropType<ValidLanguages | null>;
default: () => ValidLanguages | null;
};
locale: {
type: PropType<MapOptions["locale"]>;
default: () => any;
};
localIdeographFontFamily: {
type: PropType<MapOptions["localIdeographFontFamily"]>;
default: () => string | false | undefined;
};
logoPosition: {
type: PropType<MapOptions["logoPosition"]>;
default: () => ControlPosition | undefined;
};
mapKey: {
type: PropType<string | symbol>;
};
maplibreLogo: {
type: PropType<MapOptions["maplibreLogo"]>;
default: () => boolean | undefined;
};
mapStyle: {
type: PropType<object | string>;
default: () => string | object;
};
maxBounds: {
type: PropType<MapOptions["maxBounds"]>;
default: () => [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;
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: {
type: PropType<MapOptions["maxCanvasSize"]>;
default: () => [number, number] | undefined;
};
maxPitch: {
type: PropType<MapOptions["maxPitch"]>;
default: () => number | null | undefined;
};
maxTileCacheSize: {
type: PropType<number>;
default: () => number | null | undefined;
};
maxTileCacheZoomLevels: {
type: PropType<MapOptions["maxTileCacheZoomLevels"]>;
default: () => number | undefined;
};
maxZoom: {
type: PropType<MapOptions["maxZoom"]>;
default: () => number | null | undefined;
};
minPitch: {
type: PropType<MapOptions["minPitch"]>;
default: () => number | null | undefined;
};
minZoom: {
type: PropType<MapOptions["minZoom"]>;
default: () => number | null | undefined;
};
pitch: {
type: PropType<MapOptions["pitch"]>;
default: () => number | undefined;
};
pitchWithRotate: {
type: PropType<MapOptions["pitchWithRotate"]>;
default: () => boolean | undefined;
};
pixelRatio: {
type: PropType<MapOptions["pixelRatio"]>;
default: () => number | undefined;
};
refreshExpiredTiles: {
type: PropType<MapOptions["refreshExpiredTiles"]>;
default: () => boolean | undefined;
};
renderWorldCopies: {
type: PropType<MapOptions["renderWorldCopies"]>;
default: () => boolean | undefined;
};
roll: {
type: PropType<MapOptions["roll"]>;
default: () => number | undefined;
};
rollEnabled: {
typed: PropType<MapOptions["rollEnabled"]>;
default: () => boolean | undefined;
};
scrollZoom: {
type: PropType<MapOptions["scrollZoom"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
touchPitch: {
type: PropType<MapOptions["touchPitch"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
touchZoomRotate: {
type: PropType<MapOptions["touchZoomRotate"]>;
default: () => boolean | {
around: "center";
} | undefined;
};
trackResize: {
type: PropType<MapOptions["trackResize"]>;
default: () => boolean | undefined;
};
transformCameraUpdate: {
type: PropType<NonNullable<MapOptions["transformCameraUpdate"]>>;
default: CameraUpdateTransformFunction | null | undefined;
};
transformRequest: {
type: PropType<NonNullable<MapOptions["transformRequest"]>>;
default: RequestTransformFunction | null | undefined;
};
validateStyle: {
type: PropType<MapOptions["validateStyle"]>;
default: () => boolean | undefined;
};
zoom: {
type: PropType<MapOptions["zoom"]>;
default: () => number | undefined;
};
projection: {
type: PropType<ProjectionSpecification>;
};
}>> & Readonly<{
"onMap:boxzoomcancel"?: ((...args: any[]) => any) | undefined;
"onMap:boxzoomend"?: ((...args: any[]) => any) | undefined;
"onMap:boxzoomstart"?: ((...args: any[]) => any) | undefined;
"onMap:click"?: ((...args: any[]) => any) | undefined;
"onMap:contextmenu"?: ((...args: any[]) => any) | undefined;
"onMap:cooperativegestureprevented"?: ((...args: any[]) => any) | undefined;
"onMap:data"?: ((...args: any[]) => any) | undefined;
"onMap:dataabort"?: ((...args: any[]) => any) | undefined;
"onMap:dataloading"?: ((...args: any[]) => any) | undefined;
"onMap:dblclick"?: ((...args: any[]) => any) | undefined;
"onMap:drag"?: ((...args: any[]) => any) | undefined;
"onMap:dragend"?: ((...args: any[]) => any) | undefined;
"onMap:dragstart"?: ((...args: any[]) => any) | undefined;
"onMap:error"?: ((...args: any[]) => any) | undefined;
"onMap:idle"?: ((...args: any[]) => any) | undefined;
"onMap:load"?: ((...args: any[]) => any) | undefined;
"onMap:mousedown"?: ((...args: any[]) => any) | undefined;
"onMap:mousemove"?: ((...args: any[]) => any) | undefined;
"onMap:mouseout"?: ((...args: any[]) => any) | undefined;
"onMap:mouseover"?: ((...args: any[]) => any) | undefined;
"onMap:mouseup"?: ((...args: any[]) => any) | undefined;
"onMap:move"?: ((...args: any[]) => any) | undefined;
"onMap:moveend"?: ((...args: any[]) => any) | undefined;
"onMap:movestart"?: ((...args: any[]) => any) | undefined;
"onMap:pitch"?: ((...args: any[]) => any) | undefined;
"onMap:pitchend"?: ((...args: any[]) => any) | undefined;
"onMap:pitchstart"?: ((...args: any[]) => any) | undefined;
"onMap:projectiontransition"?: ((...args: any[]) => any) | undefined;
"onMap:remove"?: ((...args: any[]) => any) | undefined;
"onMap:render"?: ((...args: any[]) => any) | undefined;
"onMap:resize"?: ((...args: any[]) => any) | undefined;
"onMap:rotate"?: ((...args: any[]) => any) | undefined;
"onMap:rotateend"?: ((...args: any[]) => any) | undefined;
"onMap:rotatestart"?: ((...args: any[]) => any) | undefined;
"onMap:sourcedata"?: ((...args: any[]) => any) | undefined;
"onMap:sourcedataabort"?: ((...args: any[]) => any) | undefined;
"onMap:sourcedataloading"?: ((...args: any[]) => any) | undefined;
"onMap:styledata"?: ((...args: any[]) => any) | undefined;
"onMap:styledataloading"?: ((...args: any[]) => any) | undefined;
"onMap:styleimagemissing"?: ((...args: any[]) => any) | undefined;
"onMap:terrain"?: ((...args: any[]) => any) | undefined;
"onMap:tiledataloading"?: ((...args: any[]) => any) | undefined;
"onMap:touchcancel"?: ((...args: any[]) => any) | undefined;
"onMap:touchend"?: ((...args: any[]) => any) | undefined;
"onMap:touchmove"?: ((...args: any[]) => any) | undefined;
"onMap:touchstart"?: ((...args: any[]) => any) | undefined;
"onMap:webglcontextlost"?: ((...args: any[]) => any) | undefined;
"onMap:webglcontextrestored"?: ((...args: any[]) => any) | undefined;
"onMap:wheel"?: ((...args: any[]) => any) | undefined;
"onMap:zoom"?: ((...args: any[]) => any) | undefined;
"onMap:zoomend"?: ((...args: any[]) => any) | undefined;
"onMap:zoomstart"?: ((...args: any[]) => any) | undefined;
}>, {
fitBoundsOptions: AnimationOptions & CenterZoomBearing & {
pitch?: number;
roll?: number;
elevation?: number;
} & {
curve?: number;
minZoom?: number;
speed?: number;
screenSpeed?: number;
maxDuration?: number;
padding?: number | PaddingOptions;
} & {
linear?: boolean;
offset?: PointLike;
maxZoom?: number;
} & {
useOnBoundsUpdate?: boolean;
};
attributionControl: false | AttributionControlOptions | undefined;
bearing: number | undefined;
bearingSnap: number | undefined;
bounds: LngLatBoundsLike | undefined;
boxZoom: boolean | undefined;
cancelPendingTileRequestsWhileZooming: boolean | undefined;
canvasContextAttributes: WebGLContextAttributesWithType | undefined;
center: LngLatLike | undefined;
centerClampedToGround: boolean | undefined;
clickTolerance: number | undefined;
collectResourceTiming: boolean | undefined;
cooperativeGestures: boolean | undefined;
crossSourceCollisions: boolean | undefined;
doubleClickZoom: boolean | undefined;
dragPan: boolean | DragPanOptions | undefined;
dragRotate: boolean | undefined;
elevation: number | undefined;
fadeDuration: number | undefined;
hash: string | boolean | undefined;
interactive: boolean | undefined;
keyboard: boolean | undefined;
locale: any;
localIdeographFontFamily: string | false | undefined;
logoPosition: ControlPosition | undefined;
maplibreLogo: boolean | undefined;
maxBounds: LngLatBoundsLike | 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;
scrollZoom: boolean | AroundCenterOptions | undefined;
touchPitch: boolean | AroundCenterOptions | undefined;
touchZoomRotate: boolean | AroundCenterOptions | undefined;
trackResize: boolean | undefined;
transformCameraUpdate: CameraUpdateTransformFunction;
zoom: number | undefined;
maxTileCacheSize: number;
transformRequest: RequestTransformFunction;
validateStyle: boolean | undefined;
language: ValidLanguages | null;
width: string | number;
height: string | number;
mapStyle: string | object;
}, SlotsType<{
default: {};
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
export default _default;