Appearance
Types
GeoJSONFeatureI
表示一个GeoJSON要素的接口
Type: GeoJSONFeatureI
Examples
javascript
GeoJSON.Feature<
GeoJSON.Geometry & (GeoJSON.Point | GeoJSON.LineString | GeoJSON.Polygon),
GeoJSON.GeoJsonProperties
>FearureType
基础要素类型
Type: ("circle" | "polygon" | "polyline" | "polygonExtrusion" | "symbol" | "heatmap")
CapitalizeStr
将字符串的第一个字母转换为大写字母
Type: CapitalizeStr
Examples
javascript
type CapitalizeStr<Str extends string> =
Str extends `${infer First}-${infer Rest}`
? `${First}${Capitalize<CapitalizeStr<Rest>>}`
: StrCapitalizeKey
将对象的键的第一个字母转换为大写字母
Type: CapitalizeKey
Examples
javascript
type CapitalizeKey<obj extends object> = {
[Key in keyof obj as CapitalizeStr<Key & string>]: obj[Key]
}PluginStatus
插件状态
Type: ("unavailable" | "loading" | "loaded" | "error")
LngLatLike
经度和纬度
Type: ([number, number] | LngLat | {lng: number, lat: number} | {lon: number, lat: number})
LngLatBoundsLike
经纬度范围
Type: (LngLatBounds | [LngLatLike, LngLatLike] | [number, number, number, number])
PointLike
点
Type: (Point | [number, number])
Offset
偏移量
Type: (number | PointLike | {: PointLike})
ExpressionName
表达式名称
Type: ("array" | "boolean" | "collator" | "format" | "literal" | "number" | "number-format" | "object" | "string" | "image" | "to-boolean" | "to-color" | "to-number" | "to-string" | "typeof" | "feature-state" | "geometry-type" | "id" | "line-progress" | "properties" | "at" | "get" | "has" | "in" | "index-of" | "length" | "slice" | "!" | "!=" | "<" | "<=" | "==" | ">" | ">=" | "all" | "any" | "case" | "match" | "coalesce" | "within" | "interpolate" | "interpolate-hcl" | "interpolate-lab" | "step" | "let" | "var" | "concat" | "downcase" | "is-supported-script" | "resolved-locale" | "upcase" | "rgb" | "rgba" | "to-rgba" | "-" | "*" | "/" | "%" | "^" | "+" | "abs" | "acos" | "asin" | "atan" | "ceil" | "cos" | "e" | "floor" | "ln" | "ln2" | "log10" | "log2" | "max" | "min" | "pi" | "round" | "sin" | "sqrt" | "tan" | "zoom" | "heatmap-density")
Expression
表达式
Type: [ExpressionName, ...Array<any>]
Anchor
锚点
Type: ("center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right")
DragPanOptions
拖拽平移选项
Type: {linearity: number?, easing: function (t: number): number?, deceleration: number?, maxSpeed: number?}
Properties
InteractiveOptions
交互选项
Type: {around: "center" | "auto"?}
Properties
around("center" | "auto")?
MapboxOptions
Mapbox选项
Properties
container(string | HTMLElement) 地图容器bounds(LngLatBoundsLike | undefined)? 地图的边界center(LngLatLike | undefined)? 地图中心点cooperativeGesturesboolean?? 是否启用协作手势customAttribution(string | Array<string> | undefined)? 自定义属性dragPan(boolean | DragPanOptions | undefined)? 是否启用拖拽平移failIfMajorPerformanceCaveat(boolean | undefined)? 是否在性能严重下降时停止渲染fitBoundsOptions(FitBoundsOptions | undefined)? fitBounds选项maxBounds(LngLatBoundsLike | undefined)? 最大边界projectionProjection?? 投影方式scrollZoom(boolean | InteractiveOptions | undefined)? 是否启用滚轮缩放transformRequest(TransformRequestFunction | undefined)? 转换请求函数touchZoomRotate(boolean | InteractiveOptions | undefined)? 是否启用触摸缩放旋转touchPitch(boolean | InteractiveOptions | undefined)? 是否启用触摸俯仰
quat
四元数
vec3
三维向量
FreeCameraOptions
自由相机选项
constructor
创建FreeCameraOptions的实例
Parameters
positionMercatorCoordinate??orientationquat??
position
相机位置
Type: (MercatorCoordinate | undefined)
lookAtPoint
将相机视角转向某个点
Parameters
locationLngLatLikeupvec3??
Returns void
setPitchBearing
设置相机的俯仰角和方位角
Parameters
Returns void
ResourceType
资源类型
Type: ("Unknown" | "Style" | "Source" | "Tile" | "Glyphs" | "SpriteImage" | "SpriteJSON" | "Image")
RequestParameters
请求参数
Properties
urlstringcredentials("same-origin"|"include"| undefined)?method("GET"|"POST"|"PUT"| undefined)?collectResourceTiming(boolean | undefined)?
TransformRequestFunction
将请求参数转换为资源类型
Type: function (url: string, resourceType: ResourceType): RequestParameters
PaddingOptions
边距选项
Properties
FeatureIdentifier
要素标识符
Properties
BoxZoomHandler
框选缩放处理器
constructor
创建BoxZoomHandler的实例
Parameters
mapMap
isEnabled
是否启用
Returns boolean
isActive
是否激活
Returns boolean
enable
启用框选缩放
Returns void
disable
禁用框选缩放
Returns void
ScrollZoomHandler
滚轮缩放处理器
constructor
创建ScrollZoomHandler的实例
Parameters
mapMap
isEnabled
判断是否启用
Returns boolean
enable
启用滚轮缩放
Parameters
optionsInteractiveOptions??
Returns void
disable
禁用滚轮缩放
Returns void
setZoomRate
设置缩放速率
Parameters
zoomRatenumber
Returns void
setWheelZoomRate
设置滚轮缩放速率
Parameters
wheelZoomRatenumber
Returns void
DragPanHandler
拖拽平移处理器
constructor
创建DragPanHandler的实例
Parameters
mapMap
isEnabled
判断是否启用
Returns boolean
isActive
判断是否激活
Returns boolean
enable
启用拖拽平移
Parameters
optionsDragPanOptions??
Returns void
disable
禁用拖拽平移
Returns void
DragRotateHandler
拖拽旋转处理器
constructor
创建DragRotateHandler的实例
Parameters
isEnabled
判断是否启用
Returns boolean
isActive
判断是否激活
Returns boolean
enable
启用拖拽旋转
Returns void
disable
禁用拖拽旋转
Returns void
KeyboardHandler
处理键盘事件的处理器
constructor
创建KeyboardHandler的实例
Parameters
mapMap
isEnabled
判断是否启用
Returns boolean
enable
启用键盘事件处理
Returns void
disable
禁用键盘事件处理
Returns void
isActive
判断是否激活
Returns boolean
disableRotation
禁用旋转
Returns void
enableRotation
启用旋转
Returns void
DoubleClickZoomHandler
处理双击缩放的处理器
constructor
创建DoubleClickZoomHandler的实例
Parameters
mapMap
isEnabled
判断是否启用
Returns boolean
enable
启用双击缩放
Returns void
disable
禁用双击缩放
Returns void
TouchZoomRotateHandler
处理触摸缩放和旋转的处理器
constructor
创建TouchZoomRotateHandler的实例
Parameters
mapMap
isEnabled
判断是否启用
Returns boolean
enable
启用触摸缩放和旋转
Parameters
optionsInteractiveOptions??
Returns void
disable
禁用触摸缩放和旋转
Returns void
disableRotation
禁用旋转
Returns void
enableRotation
启用旋转
Returns void
TouchPitchHandler
触摸倾斜处理器
constructor
创建TouchPitchHandler的实例
Parameters
mapMap
enable
启用触摸倾斜
Parameters
optionsInteractiveOptions??
Returns void
isActive
判断是否激活
Returns boolean
isEnabled
判断是否启用
Returns boolean
disable
禁用触摸倾斜
Returns void
IControl
控件接口
Properties
Control
onAdd
添加控件
Parameters
mapMap
Returns HTMLElement
onRemove
移除控件
Parameters
mapMap
Returns void
getDefaultPosition
获取默认位置
Type: (function (): string | undefined)
PositionOptions
位置选项
enableHighAccuracy
是否启用高精度
timeout
超时时间
maximumAge
最大缓存时间
FullscreenControlOptions
全屏控制选项
Properties
container(HTMLElement | null | undefined)?
PopupOptions
弹出框选项
Properties
closeButton(boolean | undefined)? 是否显示关闭按钮closeOnClick(boolean | undefined)? 是否在点击地图时关闭弹出框closeOnMove(boolean | undefined)? 是否在移动地图时关闭弹出框focusAfterOpen(boolean | null | undefined)? 是否在打开弹出框后聚焦anchor(Anchor | undefined)? 锚点offset(Offset | null | undefined)? 偏移量className(string | undefined)? 类名maxWidth(string | undefined)? 最大宽度
Style
样式
Properties
layersArray<AnyLayer> 图层sourcesSources 数据源bearing(number | undefined)? 旋转角度center(Array<number> | undefined)? 中心点坐标fog(Fog | undefined)? 雾效glyphs(string | undefined)? 字体图标metadataany? 元数据name(string | undefined)? 名称pitch(number | undefined)? 俯仰角度light(Light | undefined)? 光照sprite(string | undefined)? 精灵图terrain(TerrainSpecification | undefined)? 地形transition(Transition | undefined)? 过渡versionnumber 版本zoom(number | undefined)? 缩放等级
Transition
过渡
Properties
Light
光照
Properties
anchor(("map"|"viewport"| undefined))? 锚点position(Array<number> | undefined)? 位置position-transition(Transition | undefined)? 位置过渡color(string | undefined)? 颜色color-transition(Transition | undefined)? 颜色过渡intensity(number | undefined)? 强度intensity-transition(Transition | undefined)? 强度过渡
Fog
雾
Properties
color(string | Expression | undefined)? 雾的颜色horizon-blend(number | Expression | undefined)? 地平线混合range(Array<number> | Expression | undefined)? 范围
Sources
数据源
PromoteIdSpecification
ID提升规范
AnySourceData
数据源
Type: (GeoJSONSourceRaw | VideoSourceRaw | ImageSourceRaw | CanvasSourceRaw | VectorSource | RasterSource | RasterDemSource | CustomSourceInterface<(HTMLImageElement | ImageData | ImageBitmap)>)
VectorSourceImpl
Extends VectorSource
矢量数据源
继承VectorSource
Properties
AnySourceImpl
任意数据源
Type: (GeoJSONSource | VideoSource | ImageSource | CanvasSource | VectorSourceImpl | RasterSource | RasterDemSource | CustomSource<(HTMLImageElement | ImageData | ImageBitmap)>)
Source
数据源
Properties
type("vector"|"raster"|"raster-dem"|"geojson"|"image"|"video"|"canvas"|"custom") 数据源类型
GeoJSONSourceRaw
Extends Source, GeoJSONSourceOptions
GeoJSON数据源
继承GeoJSONSourceOptions
实现Source
Properties
type("geojson") 数据源类型
GeoJSONSource
GeoJSON数据源
实现GeoJSONSourceRaw
type
数据源类型
Type: "geojson"
constructor
构造函数
Parameters
optionsGeoJSONSourceOptions??
setData
设置数据
Parameters
data(GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry> | String)
Returns this
getClusterExpansionZoom
获取聚合扩展缩放级别
Parameters
Returns this
getClusterChildren
获取聚合子元素
Parameters
clusterIdnumbercallbackfunction (error: any, features: Array<GeoJSON.Feature<GeoJSON.Geometry>>): void
Returns this
getClusterLeaves
获取聚合叶子元素
Parameters
cluserIdnumberlimitnumberoffsetnumbercallbackfunction (error: any, features: Array<GeoJSON.Feature<GeoJSON.Geometry>>): void
Returns this
GeoJSONSourceOptionsData
GeoJSON数据源选项
Type: (GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry> | GeoJSON.Geometry | string | undefined)
Examples
javascript
type GeoJSONSourceOptionsData =
| GeoJSON.Feature<GeoJSON.Geometry>
| GeoJSON.FeatureCollection<GeoJSON.Geometry>
| GeoJSON.Geometry
| string
| undefinedGeoJSONSourceOptions
GeoJSON数据源选项
Properties
data(GeoJSONSourceOptionsData)? 数据maxzoom(number | undefined)? 最大缩放级别attribution(string | undefined)? 版权信息buffer(number | undefined)? 缓冲区大小tolerance(number | undefined)? 容差cluster(number | boolean | undefined)? 是否聚合clusterRadius(number | undefined)? 聚合半径clusterMaxZoom(number | undefined)? 聚合最大缩放级别clusterMinPoints(number | undefined)? 聚合最小点数clusterProperties(object | undefined)? 聚合属性lineMetrics(boolean | undefined)? 是否计算线路度量generateId(boolean | undefined)? 是否生成IDpromoteId(PromoteIdSpecification | undefined)? ID提升规范filterany?? 过滤器
VideoSourceRaw
Extends Source, VideoSourceOptions
视频数据源
继承VideoSourceOptions
继承Source
Properties
type("video") 数据源类型
VideoSource
视频数据源
实现VideoSourceRaw
type
数据源类型
Type: "video"
constructor
创建VideoSource实例
Parameters
optionsVideoSourceOptions??
getVideo
获取HTMLVideoElement
Returns HTMLVideoElement
setCoordinates
设置坐标
Parameters
Returns this
VideoSourceOptions
视频数据源选项
Properties
ImageSourceRaw
Extends Source, ImageSourceOptions
图片数据源
继承ImageSourceOptions
继承Source
Properties
type("image") 数据源类型
ImageSource
图片数据源
实现ImageSourceRaw
type
数据源类型
Type: "image"
constructor
创建ImageSource实例
Parameters
optionsImageSourceOptions??
updateImage
更新图片
Parameters
optionsImageSourceOptions
Returns this
setCoordinates
设置坐标
Parameters
Returns this
ImageSourceOptions
图片数据源选项
Properties
CanvasSourceRaw
Extends Source, CanvasSourceOptions
画布数据源
继承Source 继承CanvasSourceOptions
Properties
type("canvas") 数据源类型
CanvasSource
画布数据源
实现CanvasSourceRaw
type
数据源类型
Type: "canvas"
coordinates
坐标
canvas
画布元素
Type: (string | HTMLCanvasElement)
play
播放画布
Returns void
pause
暂停画布
Returns void
getCanvas
获取HTMLCanvasElement
Returns HTMLCanvasElement
setCoordinates
设置坐标
Parameters
Returns this
CanvasSourceOptions
画布数据源选项
Properties
animate(boolean | undefined)? 是否动画canvas(string | HTMLCanvasElement) 画布元素
CameraFunctionSpecification
相机函数规范
Type: ({type: "exponential", stops: Array<[number, T]>} | {type: "interval", stops: Array<[number, T]>})
ExpressionSpecification
表达式规范
Type: Array<any>
PropertyValueSpecification
属性值规范
Type: (T | CameraFunctionSpecification<T> | ExpressionSpecification)
TerrainSpecification
地形规范
Properties
sourcestringexaggerationPropertyValueSpecification<number>?
SourceVectorLayer
用于矢量图层的源
Type: {id: string, fields: Record<string, string>?, description: string?, minzoom: number?, maxzoom: number?, source: string?, source_name: string?}
Properties
idstringfieldsRecord<string, string>?descriptionstring?minzoomnumber?maxzoomnumber?sourcestring?source_namestring?
VectorSource
矢量源选项 继承Source
Properties
type("vector") 数据源类型format("pbf"| undefined)? 源格式url(string | undefined)? 源URLid(string | undefined)? 源IDname(string | undefined)? 源名称tiles(Array<string> | undefined)? 瓦片URLbounds(Array<number> | undefined)? 边界scheme("xyz"|"tms"| undefined)? 瓦片方案minzoom(number | undefined)? 最小缩放级别maxzoom(number | undefined)? 最大缩放级别attribution(string | undefined)? 版权信息promoteId(PromoteIdSpecification | undefined)? 提升ID规范vector_layers(Array<SourceVectorLayer> | undefined)? 矢量图层
RasterSource
栅格源 继承Source
Properties
namestring? 名称type("raster") 数据源类型idstring? IDformat("webp"| string)? 格式url(string | undefined)? URLtiles(Array<string> | undefined)? 瓦片bounds(Array<number> | undefined)? 边界minzoom(number | undefined)? 最小缩放级别maxzoom(number | undefined)? 最大缩放级别tileSize(number | undefined)? 瓦片大小scheme("xyz"|"tms"| undefined)? 瓦片方案attribution(string | undefined)? 版权信息
RasterDemSource
栅格DEM源 继承Source
Properties
namestring? 名称type("raster-dem") 数据源类型idstring? IDurl(string | undefined)? URLtiles(Array<string> | undefined)? 瓦片bounds(Array<number> | undefined)? 边界minzoom(number | undefined)? 最小缩放级别maxzoom(number | undefined)? 最大缩放级别tileSize(number | undefined)? 瓦片大小attribution(string | undefined)? 版权信息encoding("terrarium"|"mapbox"| undefined)? 编码
CustomSourceInterface
自定义源
Properties
idstring IDtype("custom") 类型dataType("raster") 数据类型minzoom(number | undefined)? 最小缩放级别maxzoom(number | undefined)? 最大缩放级别scheme(string | undefined)? 瓦片方案tileSize(number | undefined)? 瓦片大小attribution(string | undefined)? 版权信息bounds([number, number, number, number] | undefined)? 边界hasTileFunction? 是否有瓦片loadTileFunction 加载瓦片prepareTileFunction? 准备瓦片unloadTileFunction? 卸载瓦片onAddFunction? 添加事件onRemoveFunction? 移除事件
CustomSource
自定义数据源 继承Source
Properties
idstring IDtype("custom") 类型schemestring 瓦片方案minzoomnumber 最小缩放级别maxzoomnumber 最大缩放级别tileSizenumber 瓦片大小attributionstring 版权信息_implementationCustomSourceInterface<T> 自定义数据源接口
Alignment
对齐方式
Type: ("map" | "viewport" | "auto")
MarkerOptions
标记选项
Properties
element(HTMLElement | undefined)? 标记元素offset(PointLike | undefined)? 偏移量anchor(Anchor | undefined)? 锚点color(string | undefined)? 颜色draggable(boolean | undefined)? 是否可拖拽clickTolerance(number | null | undefined)? 点击容差rotation(number | undefined)? 旋转角度rotationAlignment(Alignment | undefined)? 旋转对齐方式pitchAlignment(Alignment | undefined)? 倾斜对齐方式scale(number | undefined)? 缩放比例
EventedListener
事件监听器
Type: function (object: Object): any
StyleOptions
样式选项
Properties
MapboxGeoJSONFeature
Mapbox GeoJSON要素
Type: MapboxGeoJSONFeature
Examples
javascript
type MapboxGeoJSONFeature = GeoJSON.Feature<GeoJSON.Geometry> & {
layer: Layer
source: string
sourceLayer: string
state: { [key: string]: any }
}EventData
事件data
Type: {: any}
Properties
- `` any
Examples
javascript
type EventData = { [key: string]: any }MapboxEvent
Mapbox事件
type
事件类型
Type: string
target
事件目标
Type: Map
originalEvent
原始事件
Type: TOrig
MapMouseEvent
地图鼠标事件 继承MapboxEvent
type
鼠标事件类型
Type: ("mousedown" | "mouseup" | "click" | "dblclick" | "mousemove" | "mouseover" | "mouseenter" | "mouseleave" | "mouseout" | "contextmenu")
point
鼠标事件发生的点
Type: Point
lngLat
鼠标事件发生的经纬度
Type: LngLat
preventDefault
阻止默认行为
Returns void
defaultPrevented
是否阻止了默认行为
Type: boolean
MapLayerMouseEvent
地图图层鼠标事件
Type: MapLayerMouseEvent
Examples
javascript
type MapLayerMouseEvent = MapMouseEvent & {
features?: MapboxGeoJSONFeature[]
}MapTouchEvent
地图触摸事件 继承MapboxEvent
type
触摸事件类型
Type: ("touchstart" | "touchend" | "touchcancel")
point
触摸事件发生的点
Type: Point
lngLat
触摸事件发生的经纬度
Type: LngLat
points
触摸事件发生的所有点
lngLats
触摸事件发生的所有经纬度
preventDefault
阻止默认行为
Returns void
defaultPrevented
是否阻止了默认行为
Type: boolean
MapLayerTouchEvent
地图图层触摸事件
Type: MapLayerTouchEvent
Examples
javascript
type MapLayerTouchEvent = MapTouchEvent & {
features?: MapboxGeoJSONFeature[]
}MapWheelEvent
地图滚轮事件 继承MapboxEvent
type
滚轮事件类型
Type: "wheel"
preventDefault
阻止默认行为
Returns void
defaultPrevented
是否阻止了默认行为
Type: boolean
MapBoxZoomEvent
地图框选事件 继承MapboxEvent
Properties
type("boxzoomstart"|"boxzoomend"|"boxzoomcancel") 框选事件类型boxZoomBoundsLngLatBounds 框选的经纬度范围
MapDataEvent
地图数据事件
Type: (MapSourceDataEvent | MapStyleDataEvent)
MapStyleDataEvent
地图样式数据事件 继承MapboxEvent
Properties
dataType("style") 数据类型
MapSourceDataEvent
地图源数据事件 继承MapboxEvent
Properties
dataType("source") 数据类型isSourceLoadedboolean 地图源是否已加载sourceSource 地图源sourceIdstring 地图源IDsourceDataType("metadata"|"content") 数据类型tileany 瓦片coordCoordinate 坐标
Coordinate
坐标
Properties
canonicalCanonicalCoordinate 规范化坐标wrapnumber 包裹数keynumber 坐标键
CanonicalCoordinate
规范化坐标
Properties
MapContextEvent
地图WebGL上下文事件 继承MapboxEvent
Properties
type("webglcontextlost"|"webglcontextrestored") 事件类型
ErrorEvent
地图错误事件 继承MapboxEvent
type
事件类型
Type: "error"
error
错误对象
Type: Error
FilterOptions
用于过滤的选项
Properties
AnimationOptions
动画选项
Properties
duration(number | undefined)? 持续时间easingFunction? 缓动函数offset(PointLike | undefined)? 偏移量animate(boolean | undefined)? 是否动画essential(boolean | undefined)? 是否必要
CameraOptions
相机选项
Properties
center(LngLatLike | undefined)? 中心点zoom(number | undefined)? 缩放级别bearing(number | undefined)? 旋转角度pitch(number | undefined)? 倾斜角度around(LngLatLike | undefined)? 围绕点padding(number | PaddingOptions | undefined)? 填充
CameraForBoundsOptions
用于边界的相机选项 继承CameraOptions
Properties
CameraForBoundsOptions
用于边界的相机选项
继承CameraOptions
Properties
CameraForBoundsResult
用于边界的相机结果
Type: CameraForBoundsResult
Examples
javascript
type CameraForBoundsResult = Required<
Pick<CameraOptions, "zoom" | "bearing">
> & {
center: { lng: number; lat: number }
}FlyToOptions
用于飞行动画的相机选项
继承AnimationOptions
继承CameraOptions
Properties
curve(number | undefined)? 动画曲线的张力minZoom(number | undefined)? 最小缩放级别speed(number | undefined)? 动画速度screenSpeed(number | undefined)? 屏幕速度maxDuration(number | undefined)? 最大动画持续时间maxDuration(number | undefined)? 最大动画持续时间
EaseToOptions
用于缓动动画的相机选项
继承AnimationOptions
继承CameraOptions
Properties
FitBoundsOptions
用于适应边界的相机选项
继承FlyToOptions
Properties
linear(boolean | undefined)? 是否使用线性过渡offset(PointLike | undefined)? 相机偏移量maxZoom(number | undefined)? 最大缩放级别maxDuration(number | undefined)? 最大动画持续时间
MapEventType
地图事件类型
Type: {error: ErrorEvent, load: MapboxEvent, idle: MapboxEvent, remove: MapboxEvent, render: MapboxEvent, resize: MapboxEvent, webglcontextlost: MapContextEvent, webglcontextrestored: MapContextEvent, dataloading: MapDataEvent, data: MapDataEvent, tiledataloading: MapDataEvent, sourcedataloading: MapSourceDataEvent, styledataloading: MapStyleDataEvent, sourcedata: MapSourceDataEvent, styledata: MapStyleDataEvent, boxzoomcancel: MapBoxZoomEvent, boxzoomstart: MapBoxZoomEvent, boxzoomend: MapBoxZoomEvent, touchcancel: MapTouchEvent, touchmove: MapTouchEvent, touchend: MapTouchEvent, touchstart: MapTouchEvent, click: MapMouseEvent, contextmenu: MapMouseEvent, dblclick: MapMouseEvent, mousemove: MapMouseEvent, mouseup: MapMouseEvent, mousedown: MapMouseEvent, mouseout: MapMouseEvent, mouseover: MapMouseEvent, movestart: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, move: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, moveend: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, zoomstart: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, zoom: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, zoomend: MapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>, rotatestart: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, rotate: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, rotateend: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, dragstart: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, drag: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, dragend: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, pitchstart: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, pitch: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, pitchend: MapboxEvent<(MouseEvent | TouchEvent | undefined)>, wheel: MapWheelEvent}
Properties
errorErrorEventloadMapboxEventidleMapboxEventremoveMapboxEventrenderMapboxEventresizeMapboxEventwebglcontextlostMapContextEventwebglcontextrestoredMapContextEventdataloadingMapDataEventdataMapDataEventtiledataloadingMapDataEventsourcedataloadingMapSourceDataEventstyledataloadingMapStyleDataEventsourcedataMapSourceDataEventstyledataMapStyleDataEventboxzoomcancelMapBoxZoomEventboxzoomstartMapBoxZoomEventboxzoomendMapBoxZoomEventtouchcancelMapTouchEventtouchmoveMapTouchEventtouchendMapTouchEventtouchstartMapTouchEventclickMapMouseEventcontextmenuMapMouseEventdblclickMapMouseEventmousemoveMapMouseEventmouseupMapMouseEventmousedownMapMouseEventmouseoutMapMouseEventmouseoverMapMouseEventmovestartMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>moveMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>moveendMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>zoomstartMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>zoomMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>zoomendMapboxEvent<(MouseEvent | TouchEvent | WheelEvent | undefined)>rotatestartMapboxEvent<(MouseEvent | TouchEvent | undefined)>rotateMapboxEvent<(MouseEvent | TouchEvent | undefined)>rotateendMapboxEvent<(MouseEvent | TouchEvent | undefined)>dragstartMapboxEvent<(MouseEvent | TouchEvent | undefined)>dragMapboxEvent<(MouseEvent | TouchEvent | undefined)>dragendMapboxEvent<(MouseEvent | TouchEvent | undefined)>pitchstartMapboxEvent<(MouseEvent | TouchEvent | undefined)>pitchMapboxEvent<(MouseEvent | TouchEvent | undefined)>pitchendMapboxEvent<(MouseEvent | TouchEvent | undefined)>wheelMapWheelEvent
MapLayerEventType
地图图层事件类型
Type: {click: MapLayerMouseEvent, dblclick: MapLayerMouseEvent, mousedown: MapLayerMouseEvent, mouseup: MapLayerMouseEvent, mousemove: MapLayerMouseEvent, mouseenter: MapLayerMouseEvent, mouseleave: MapLayerMouseEvent, mouseover: MapLayerMouseEvent, mouseout: MapLayerMouseEvent, contextmenu: MapLayerMouseEvent, touchstart: MapLayerTouchEvent, touchend: MapLayerTouchEvent, touchcancel: MapLayerTouchEvent}
Properties
clickMapLayerMouseEventdblclickMapLayerMouseEventmousedownMapLayerMouseEventmouseupMapLayerMouseEventmousemoveMapLayerMouseEventmouseenterMapLayerMouseEventmouseleaveMapLayerMouseEventmouseoverMapLayerMouseEventmouseoutMapLayerMouseEventcontextmenuMapLayerMouseEventtouchstartMapLayerTouchEventtouchendMapLayerTouchEventtouchcancelMapLayerTouchEvent
AnyLayout
任意图层布局
Type: (BackgroundLayout | FillLayout | FillExtrusionLayout | LineLayout | SymbolLayout | RasterLayout | CircleLayout | HeatmapLayout | HillshadeLayout | SkyLayout)
AnyPaint
任意图层绘制
Type: (BackgroundPaint | FillPaint | FillExtrusionPaint | LinePaint | SymbolPaint | RasterPaint | CirclePaint | HeatmapPaint | HillshadePaint | SkyPaint)
Layer
地图图层
Properties
idstring 图层IDtypestring 图层类型layout(AnyLayout | undefined)? 图层布局paint(AnyPaint | undefined)? 图层绘制refstring? 引用source(string | AnySourceData | undefined)? 数据源minzoom(number | undefined)? 最小缩放级别maxzoom(number | undefined)? 最大缩放级别interactive(boolean | undefined)? 是否可交互filter(Array<any> | undefined)? 过滤器layout(AnyLayout | undefined)? 图层布局paint(AnyPaint | undefined)? 图层绘制
BackgroundLayer
背景图层 继承Layer
Properties
type("background") 图层类型layout(BackgroundLayout | undefined)? 图层布局paint(BackgroundPaint | undefined)? 图层绘制
TCircleLayer
圆形图层 继承Layer
Properties
type("circle") 图层类型layout(CircleLayout | undefined)? 图层布局paint(CirclePaint | undefined)? 图层绘制
FillExtrusionLayer
填充拉伸图层 继承Layer
Properties
type("fill-extrusion") 图层类型layout(FillExtrusionLayout | undefined)? 图层布局paint(FillExtrusionPaint | undefined)? 图层绘制
FillLayer
填充图层 继承Layer
Properties
type("fill") 图层类型layout(FillLayout | undefined)? 图层布局paint(FillPaint | undefined)? 图层绘制
THeatmapLayer
热力图层 继承Layer
Properties
type("heatmap") 图层类型layout(HeatmapLayout | undefined)? 图层布局paint(HeatmapPaint | undefined)? 图层绘制
HillshadeLayer
遮蔽山地图层 继承Layer
Properties
type("hillshade") 图层类型layout(HillshadeLayout | undefined)? 图层布局paint(HillshadePaint | undefined)? 图层绘制
LineLayer
线图层 继承Layer
Properties
type("line") 图层类型layout(LineLayout | undefined)? 图层布局paint(LinePaint | undefined)? 图层绘制
TRasterLayer
栅格图层 继承Layer
Properties
type("raster") 图层类型layout(RasterLayout | undefined)? 图层布局paint(RasterPaint | undefined)? 图层绘制
TSymbolLayer
符号图层 继承Layer
Properties
type("symbol") 图层类型layout(SymbolLayout | undefined)? 图层布局paint(SymbolPaint | undefined)? 图层绘制
SkyLayer
天空图层 继承Layer
Properties
AnyLayer
任意图层
Type: (BackgroundLayer | TCircleLayer | FillExtrusionLayer | FillLayer | THeatmapLayer | HillshadeLayer | LineLayer | TRasterLayer | TSymbolLayer | CustomLayerInterface | SkyLayer)
CustomLayerInterface
自定义图层接口
Properties
idstring 图层idtype("custom") 图层类型renderingMode("2d"|"3d"| undefined)? 渲染模式onRemoveFunction? 移除图层onAddFunction? 添加图层prerenderFunction? 预渲染renderFunction 渲染
StyleFunction
样式函数
Properties
property(string | undefined)? 属性base(number | undefined)? 基础type("identity"|"exponential"|"interval"|"categorical"| undefined)? 类型defaultany? 默认值colorSpace("rgb"|"lab"|"hcl"| undefined)? 颜色空间
Visibility
可见性
Type: ("visible" | "none")
Layout
布局
Properties
visibility(Visibility | undefined)? 可见性
BackgroundLayout
背景布局 继承Layout
BackgroundPaint
背景画笔
Properties
background-color(string | Expression | undefined)? 背景颜色background-color-transition(Transition | undefined)? 背景颜色过渡background-pattern(string | undefined)? 背景图案background-pattern-transition(Transition | undefined)? 背景图案过渡background-opacity(number | Expression | undefined)? 背景透明度background-opacity-transition(Transition | undefined)? 背景透明度过渡
FillLayout
填充布局 继承Layout
Properties
fill-sort-key(number | Expression | undefined)? 填充排序键
FillPaint
填充画笔
Properties
fill-antialias(boolean | Expression | undefined)? 是否开启抗锯齿fill-opacity(number | StyleFunction | Expression | undefined)? 填充不透明度fill-opacity-transition(Transition | undefined)? 填充不透明度过渡fill-color(string | StyleFunction | Expression | undefined)? 填充颜色fill-color-transition(Transition | undefined)? 填充颜色过渡fill-outline-color(string | StyleFunction | Expression | undefined)? 填充轮廓颜色fill-outline-color-transition(Transition | undefined)? 填充轮廓颜色过渡fill-translate(Array<number> | undefined)? 填充平移fill-translate-transition(Transition | undefined)? 填充平移过渡fill-translate-anchor("map"|"viewport"| undefined)? 填充平移锚点fill-pattern(string | Expression | undefined)? 填充图案fill-pattern-transition(Transition | undefined)? 填充图案过渡
FillExtrusionLayout
用于填充立体建筑物的样式 继承Layout
FillExtrusionPaint
用于填充立体建筑物的样式
Properties
fill-extrusion-opacity(number | Expression | undefined)? 填充立体建筑物的不透明度fill-extrusion-opacity-transition(Transition | undefined)? 填充立体建筑物的不透明度过渡fill-extrusion-color(string | StyleFunction | Expression | undefined)? 填充立体建筑物的颜色fill-extrusion-color-transition(Transition | undefined)? 填充立体建筑物的颜色过渡fill-extrusion-translate(Array<number> | Expression | undefined)? 填充立体建筑物的平移fill-extrusion-translate-transition(Transition | undefined)? 填充立体建筑物的平移过渡fill-extrusion-translate-anchor("map"|"viewport"| undefined)? 填充立体建筑物的平移锚点fill-extrusion-pattern(string | Expression | undefined)? 填充立体建筑物的图案fill-extrusion-pattern-transition(Transition | undefined)? 填充立体建筑物的图案过渡fill-extrusion-height(number | StyleFunction | Expression | undefined)? 填充立体建筑物的高度fill-extrusion-height-transition(Transition | undefined)? 填充立体建筑物的高度过渡fill-extrusion-base(number | StyleFunction | Expression | undefined)? 填充立体建筑物的底部高度fill-extrusion-base-transition(Transition | undefined)? 填充立体建筑物的底部高度过渡fill-extrusion-vertical-gradient(boolean | undefined)? 是否使用垂直渐变填充立体建筑物
LineLayout
用于线条的样式 继承Layout
Properties
line-cap("butt"|"round"|"square"| Expression | undefined)? 线条端点的样式line-join("bevel"|"round"|"miter"| Expression | undefined)? 线条连接点的样式line-miter-limit(number | Expression | undefined)? 线条连接点的最大斜接长度line-round-limit(number | Expression | undefined)? 线条连接点的最大圆角半径line-sort-key(number | Expression | undefined)? 线条的排序关键字
LinePaint
用于线条的绘制样式
Properties
line-opacity(number | StyleFunction | Expression | undefined)? 线条透明度line-opacity-transition(Transition | undefined)? 线条透明度过渡line-color(string | StyleFunction | Expression | undefined)? 线条颜色line-color-transition(Transition | undefined)? 线条颜色过渡line-translate(Array<number> | Expression | undefined)? 线条平移line-translate-transition(Transition | undefined)? 线条平移过渡line-translate-anchor("map"|"viewport"| undefined)? 线条平移的锚点line-width(number | StyleFunction | Expression | undefined)? 线条宽度line-width-transition(Transition | undefined)? 线条宽度过渡line-gap-width(number | StyleFunction | Expression | undefined)? 线条间隔宽度line-gap-width-transition(Transition | undefined)? 线条间隔宽度过渡line-offset(number | StyleFunction | Expression | undefined)? 线条偏移量line-offset-transition(Transition | undefined)? 线条偏移量过渡line-blur(number | StyleFunction | Expression | undefined)? 线条模糊度line-blur-transition(Transition | undefined)? 线条模糊度过渡line-dasharray(Array<number> | Expression | undefined)? 线条虚线样式line-dasharray-transition(Transition | undefined)? 线条虚线样式过渡line-pattern(string | Expression | undefined)? 线条纹理line-pattern-transition(Transition | undefined)? 线条纹理过渡line-gradient(Expression | undefined)? 线条渐变
SymbolLayout
符号布局 继承Layout
Properties
symbol-placement("point"|"line"|"line-center"| undefined)? 符号放置方式symbol-spacing(number | Expression | undefined)? 符号间距symbol-avoid-edges(boolean | undefined)? 是否避开边缘symbol-z-order("viewport-y"|"source"| undefined)? 符号Z轴顺序icon-allow-overlap(boolean | StyleFunction | Expression | undefined)? 是否允许图标重叠icon-ignore-placement(boolean | Expression | undefined)? 是否忽略图标布局icon-optional(boolean | undefined)? 是否可选icon-rotation-alignment("map"|"viewport"|"auto"| undefined)? 图标旋转对齐方式icon-size(number | StyleFunction | Expression | undefined)? 图标大小icon-text-fit("none"|"both"|"width"|"height"| undefined)? 图标文本适配方式icon-text-fit-padding(Array<number> | Expression | undefined)? 图标文本适配内边距icon-image(string | StyleFunction | Expression | undefined)? 图标图片icon-rotate(number | StyleFunction | Expression | undefined)? 图标旋转角度icon-padding(number | Expression | undefined)? 图标内边距icon-keep-upright(boolean | undefined)? 图标是否保持垂直icon-offset(Array<number> | StyleFunction | Expression | undefined)? 图标偏移量icon-anchor(Anchor | StyleFunction | Expression | undefined)? 图标锚点icon-pitch-alignment("map"|"viewport"|"auto"| undefined)? 图标倾斜对齐方式text-pitch-alignment("map"|"viewport"|"auto"| undefined)? 文本倾斜对齐方式text-field(string | StyleFunction | Expression | undefined)? 文本内容text-font(Array<string> | Expression | undefined)? 文本字体, 只允许“normal”和“bold”两种text-size(number | StyleFunction | Expression | undefined)? 文本大小,pxtext-max-width(number | StyleFunction | Expression | undefined)? 文本最大宽度text-line-height(number | Expression | undefined)? 文本行高text-letter-spacing(number | Expression | undefined)? 文本字间距text-justify("auto"|"left"|"center"|"right"| Expression | undefined)? 文本对齐方式text-anchor(Anchor | StyleFunction | Expression | undefined)? 文本锚点text-max-angle(number | Expression | undefined)? 文本最大角度text-rotate(number | StyleFunction | Expression | undefined)? 文本旋转角度text-padding(number | Expression | undefined)? 文本内边距text-keep-upright(boolean | undefined)? 文本是否保持垂直text-transform("none"|"uppercase"|"lowercase"| StyleFunction | Expression | undefined)? 文本转换方式text-offset(Array<number> | Expression | undefined)? 文本偏移量text-allow-overlap(boolean | undefined)? 文本是否允许重叠text-ignore-placement(boolean | undefined)? 文本是否忽略布局text-optional(boolean | undefined)? 文本是否可选text-radial-offset(number | Expression | undefined)? 文本径向偏移量text-variable-anchor(Array<Anchor> | undefined)? 文本可变锚点text-writing-mode(Array<("horizontal"|"vertical")> | undefined)? 文本书写方式symbol-sort-key(number | Expression | undefined)? 符号排序键
SymbolPaint
符号绘制样式
Properties
icon-opacity(number | StyleFunction | Expression | undefined)? 图标透明度icon-opacity-transition(Transition | undefined)? 图标透明度过渡icon-color(string | StyleFunction | Expression | undefined)? 图标颜色icon-color-transition(Transition | undefined)? 图标颜色过渡icon-halo-color(string | StyleFunction | Expression | undefined)? 图标光晕颜色icon-halo-color-transition(Transition | undefined)? 图标光晕颜色过渡icon-halo-width(number | StyleFunction | Expression | undefined)? 图标光晕宽度icon-halo-width-transition(Transition | undefined)? 图标光晕宽度过渡icon-halo-blur(number | StyleFunction | Expression | undefined)? 图标光晕模糊度icon-halo-blur-transition(Transition | undefined)? 图标光晕模糊度过渡icon-translate(Array<number> | Expression | undefined)? 图标平移icon-translate-transition(Transition | undefined)? 图标平移过渡icon-translate-anchor("map"|"viewport"| undefined)? 图标平移锚点text-opacity(number | StyleFunction | Expression | undefined)? 文本透明度text-opacity-transition(Transition | undefined)? 文本透明度过渡text-color(string | StyleFunction | Expression | undefined)? 文本颜色text-color-transition(Transition | undefined)? 文本颜色过渡text-halo-color(string | StyleFunction | Expression | undefined)? 文本光晕颜色text-halo-color-transition(Transition | undefined)? 文本光晕颜色过渡text-halo-width(number | StyleFunction | Expression | undefined)? 文本光晕宽度text-halo-width-transition(Transition | undefined)? 文本光晕宽度过渡text-halo-blur(number | StyleFunction | Expression | undefined)? 文本光晕模糊度text-halo-blur-transition(Transition | undefined)? 文本光晕模糊度过渡text-translate(Array<number> | Expression | undefined)? 文本平移text-translate-transition(Transition | undefined)? 文本平移过渡text-translate-anchor("map"|"viewport"| undefined)? 文本平移锚点
RasterLayout
矢量栅格图层布局 继承Layout
RasterPaint
矢量栅格图层绘制
Properties
raster-opacity(number | Expression | undefined)? 栅格图层透明度raster-opacity-transition(Transition | undefined)? 栅格图层透明度过渡raster-hue-rotate(number | Expression | undefined)? 栅格图层色相旋转raster-hue-rotate-transition(Transition | undefined)? 栅格图层色相旋转过渡raster-brightness-min(number | Expression | undefined)? 栅格图层最小亮度raster-brightness-min-transition(Transition | undefined)? 栅格图层最小亮度过渡raster-brightness-max(number | Expression | undefined)? 栅格图层最大亮度raster-brightness-max-transition(Transition | undefined)? 栅格图层最大亮度过渡raster-saturation(number | Expression | undefined)? 栅格图层饱和度raster-saturation-transition(Transition | undefined)? 栅格图层饱和度过渡raster-contrast(number | Expression | undefined)? 栅格图层对比度raster-contrast-transition(Transition | undefined)? 栅格图层对比度过渡raster-fade-duration(number | Expression | undefined)? 栅格图层淡出时间raster-resampling("linear"|"nearest"| undefined)? 栅格图层重采样方式
CircleLayout
圆形图层布局 继承Layout
Properties
circle-sort-key(number | Expression | undefined)? 圆形图层排序关键字
CirclePaint
圆形图层绘制
Properties
circle-radius(number | StyleFunction | Expression | undefined)? 圆形半径circle-radius-transition(Transition | undefined)? 圆形半径过渡circle-color(string | StyleFunction | Expression | undefined)? 圆形颜色circle-color-transition(Transition | undefined)? 圆形颜色过渡circle-blur(number | StyleFunction | Expression | undefined)? 圆形模糊度circle-blur-transition(Transition | undefined)? 圆形模糊度过渡circle-opacity(number | StyleFunction | Expression | undefined)? 圆形透明度circle-opacity-transition(Transition | undefined)? 圆形透明度过渡circle-translate(Array<number> | Expression | undefined)? 圆形平移circle-translate-transition(Transition | undefined)? 圆形平移过渡circle-translate-anchor("map"|"viewport"| undefined)? 圆形平移锚点circle-pitch-scale("map"|"viewport"| undefined)? 圆形俯仰缩放circle-pitch-alignment("map"|"viewport"| undefined)? 圆形俯仰对齐circle-stroke-width(number | StyleFunction | Expression | undefined)? 圆形描边宽度circle-stroke-width-transition(Transition | undefined)? 圆形描边宽度过渡circle-stroke-color(string | StyleFunction | Expression | undefined)? 圆形描边颜色circle-stroke-color-transition(Transition | undefined)? 圆形描边颜色过渡circle-stroke-opacity(string | StyleFunction | Expression | undefined)? 圆形描边透明度circle-stroke-opacity-transition(Transition | undefined)? 圆形描边透明度过渡
HeatmapLayout
热力图图层布局 继承Layout
HeatmapPaint
热力图绘制样式
Properties
heatmap-radius(number | StyleFunction | Expression | undefined)? 热力图半径heatmap-radius-transition(Transition | undefined)? 热力图半径过渡heatmap-weight(number | StyleFunction | Expression | undefined)? 热力图权重heatmap-intensity(number | StyleFunction | Expression | undefined)? 热力图强度heatmap-intensity-transition(Transition | undefined)? 热力图强度过渡heatmap-color(string | StyleFunction | Expression | undefined)? 热力图颜色heatmap-opacity(number | StyleFunction | Expression | undefined)? 热力图透明度heatmap-opacity-transition(Transition | undefined)? 热力图透明度过渡
HillshadeLayout
山体阴影图层布局 继承Layout
HillshadePaint
山体阴影绘制样式
Properties
hillshade-illumination-direction(number | Expression | undefined)? 光照方向,0为正北,90为正东,180为正南,270为正西hillshade-illumination-anchor("map"|"viewport"| undefined)? 光照方向相对于地图还是视口hillshade-exaggeration(number | Expression | undefined)? 高程放大系数hillshade-exaggeration-transition(Transition | undefined)? 高程放大系数过渡hillshade-shadow-color(string | Expression | undefined)? 阴影颜色hillshade-shadow-color-transition(Transition | undefined)? 阴影颜色过渡hillshade-highlight-color(string | Expression | undefined)? 高亮颜色hillshade-highlight-color-transition(Transition | undefined)? 高亮颜色过渡hillshade-accent-color(string | Expression | undefined)? 强调颜色hillshade-accent-color-transition(Transition | undefined)? 强调颜色过渡
SkyLayout
天空图层布局 继承Layout
SkyPaint
用于设置天空的绘制样式
Properties
sky-atmosphere-color(string | Expression | undefined)? 大气层颜色sky-atmosphere-halo-color(string | Expression | undefined)? 大气层光晕颜色sky-atmosphere-sun(Array<number> | Expression | undefined)? 太阳位置sky-atmosphere-sun-intensity(number | Expression | undefined)? 太阳强度sky-gradient(string | Expression | undefined)? 渐变颜色sky-gradient-center(Array<number> | Expression | undefined)? 渐变中心位置sky-gradient-radius(number | Expression | undefined)? 渐变半径sky-opacity(number | Expression | undefined)? 天空透明度sky-type("gradient"|"atmosphere"| undefined)? 天空类型
ElevationQueryOptions
用于设置获取高程的参数
Type: {exaggerated: boolean}
Properties
exaggeratedboolean
Projection
用于设置地图投影方式的参数