Maplibre GL JS 中文文档Maplibre GL JS 中文文档
介绍
插件
样式规范
API
案例
指南
介绍
插件
样式规范
API
案例
指南
  • 介绍
  • 插件
  • 样式规范
    • 弃用功能
    • 表达式
    • 字形
    • 图层
    • 光照
    • 投影
    • 根属性
    • 天空
    • 数据源
    • 精灵图
    • 状态
    • 地形
    • 过渡
    • 类型
  • API
    • media

      • 为 MapLibre GL JS 做贡献
    • Classes

      • AJAXError
      • Actor
      • AlphaImage
      • AttributionControl
      • BoxZoomHandler
      • CanonicalTileID
      • CanvasSource
      • CircleStyleLayer
      • ClickZoomHandler
      • CooperativeGesturesHandler
      • DEMData
      • Dispatcher
      • DoubleClickZoomHandler
      • DragPanHandler
      • DragRotateHandler
      • EdgeInsets
      • ErrorEvent
      • Event
      • Evented
      • FeatureIndex
      • FullscreenControl
      • GeoJSONFeature
      • GeoJSONSource
      • GlobeControl
      • Hash
      • HeatmapStyleLayer
      • ImageAtlas
      • ImageManager
      • ImageSource
      • KeyboardHandler
      • Layout<Props>
      • LngLat
      • LngLatBounds
      • LogoControl
      • Map
      • MapMouseEvent
      • MapTouchEvent
      • MapWheelEvent
      • Marker
      • MercatorCoordinate
      • NavigationControl
      • OverscaledTileID
      • Popup
      • RGBAImage
      • RasterDEMTileSource
      • RasterTileSource
      • ScaleControl
      • ScrollZoomHandler
      • Style
      • abstract StyleLayer
      • SubdivisionGranularityExpression
      • SubdivisionGranularitySetting
      • TapDragZoomHandler
      • TapZoomHandler
      • TerrainControl
      • ThrottledInvoker
      • Tile
      • TouchPanHandler
      • 抽象 TwoFingersTouchHandler
      • TwoFingersTouchPitchHandler
      • TwoFingersTouchRotateHandler
      • TwoFingersTouchZoomHandler
      • TwoFingersTouchZoomRotateHandler
      • VectorTileSource
      • VideoSource
      • WorkerPool
    • Enumerations

      • MessageType
      • ResourceType
      • TextFit
    • Functions

      • addProtocol()
      • addSourceType()
      • clearPrewarmedResources()
      • createTileMesh()
      • getMaxParallelImageRequests()
      • getRTLTextPluginStatus()
      • getVersion()
      • getWorkerCount()
      • getWorkerUrl()
      • importScriptInWorkers()
      • prewarm()
      • removeProtocol()
      • setMaxParallelImageRequests()
      • setWorkerCount()
      • setWorkerUrl()
    • Interfaces

      • ActorTarget
      • AttributeBinder
      • Bucket
      • CustomLayerInterface
      • Handler
      • IActor
      • IControl
      • MousePanHandler
      • MousePitchHandler
      • MouseRollHandler
      • MouseRotateHandler
      • Projection
      • Source
      • StyleImageInterface
      • Subscription
    • Type aliases

      • ActorMessage<T>
      • AddLayerObject
      • AddProtocolAction
      • Alignment
      • AnimationOptions
      • AroundCenterOptions
      • AttributionControlOptions
      • CalculateTileZoomFunction
      • CameraForBoundsOptions
      • CameraOptions
      • CameraUpdateTransformFunction()
      • CanvasSourceSpecification
      • CenterZoomBearing
      • CircleGranularity
      • ClusterIDAndSource
      • Complete<T>
      • Config
      • ControlPosition
      • Coordinates
      • CreateTileMeshOptions
      • CrossFaded<T>
      • CustomRenderMethod()
      • CustomRenderMethodInput
      • DEMEncoding
      • DashEntry
      • DistributiveKeys<T>
      • DistributiveOmit<T, K>
      • DragPanOptions
      • DragRotateHandlerOptions
      • EaseToOptions
      • ExpiryData
      • FeatureIdentifier
      • FitBoundsOptions
      • FlyToOptions
      • FullscreenControlOptions
      • GeoJSONFeatureDiff
      • GeoJSONFeatureId
      • GeoJSONSourceDiff
      • GeoJSONSourceOptions
      • GeoJSONWorkerOptions
      • GeoJSONWorkerSourceLoadDataResult
      • GeolocateControlOptions
      • GestureOptions
      • GetClusterLeavesParams
      • GetGlyphsParameters
      • GetGlyphsResponse
      • GetImagesParameters
      • GetImagesResponse
      • GetResourceResponse<T>
      • GlyphPosition
      • GlyphMetrics
      • GridKey
      • HandlerResult
      • IndicesType
      • JumpToOptions
      • Listener()
      • LngLatBoundsLike
      • LngLatLike
      • LoadGeoJSONParameters
      • LogoControlOptions
      • MapContextEvent
      • MapDataEvent
      • MapEventType
      • MapGeoJSONFeature
      • MapLayerEventType
      • MapLayerMouseEvent
      • MapLayerTouchEvent
      • MapLibreEvent
      • MapLibreZoomEvent
      • MapOptions
      • MapProjectionEvent
      • MapSourceDataType
      • MapSourceDataEvent
      • MapStyleDataEvent
      • MapStyleImageMissingEvent
      • MapTerrainEvent
      • MarkerOptions
      • MessageData
      • NavigationControlOptions
      • /api/type-aliases/Offset.html
      • OverlapMode
      • PaddingOptions
      • PluginState
      • PointLike
      • PointProjection
      • PopupOptions
      • PositionAnchor
      • PossiblyEvaluatedValue<T>
      • ProjectionData
      • ProjectionDataParams
      • QueryRenderedFeaturesOptions
      • QuerySourceFeatureOptions
      • RTLPluginStatus
      • Rect
      • RemoveSourceParams
      • RequestParameters
      • RequestResponseMessageMap
      • RequestTransformFunction()
      • RequireAtLeastOne<T>
      • ScaleControlOptions
      • Serialized
      • SerializedObject<S>
      • SerializedStructArray
      • SetClusterOptions
      • SourceClass()
      • SpriteOnDemandStyleImage
      • StyleGlyph
      • StyleImage
      • StyleImageData
      • StyleImageMetadata
      • StyleOptions
      • StyleSetterOptions
      • StyleSwapOptions
      • SymbolQuad
      • TileMesh
      • TileParameters
      • TileState
      • TransformStyleFunction()
      • Unit
      • UpdateImageOptions
      • UpdateLayersParamaeters
      • WorkerDEMTileParameters
      • WorkerTileParameters
      • WorkerTileResult
  • 案例
    • 3D建筑显示
    • 3D室内地图多边形挤出
    • 3D地形
    • 使用babylon.js添加3D模型
    • 使用three.js添加带阴影的3D模型
    • 在地形上使用three.js添加3D模型
    • 使用three.js添加3D模型
    • 添加默认标记
    • 添加云优化地理TIFF (COG)
    • 使用REST API添加DeckGL图层
    • 添加动画图像
    • 添加生成的图像
    • 动态生成并添加缺失图标到地图
    • 向地图添加可拉伸图片
    • 向地图添加图标
    • 动画线条
    • 绕点相机动画
    • 图像序列动画
    • 标记动画
    • 点动画
    • 沿路径点动画
    • 符号跟随鼠标动画
    • 更改版权信息位置
    • 自定义相机动画
    • 添加Canvas数据源
    • 使地图在点击符号时居中
    • 设置地面以上的中心点
    • 根据缩放级别更改建筑物颜色
    • 更改标签大小写
    • 检查是否支持WebGL
    • 使用自定义属性显示HTML集群
    • 创建和样式化集群
    • 使用按钮更改图层颜色
    • 添加等高线
    • 合作手势
    • 使用自定义标记图标
    • 添加自定义样式图层
    • 使用数据驱动属性设置线条样式
    • 禁用地图旋转
    • 禁用滚动缩放
    • 显示和样式丰富文本标签
    • 创建可拖动标记
    • 创建可拖动点
    • 绘制一个圆形
    • 使用备用图像
    • 使用addProtocol转换特性属性
    • 向多边形添加图案
    • 通过文本输入过滤符号
    • 通过切换列表过滤符号
    • 在图层内过滤
    • 将地图适配到边界框
    • 缓慢飞行到位置
    • 飞行到位置
    • 查看全屏地图
    • 使用游戏控制导航地图
    • 在标签下方添加新图层
    • 添加GeoJSON线条
    • 添加自定义标记
    • 添加GeoJSON多边形
    • 在地球仪上加载3D模型
    • 地球仪大气层
    • 简单自定义地球仪
    • 自定义瓦片地球仪
    • 在地球仪上显示填充挤出层
    • 使用矢量地图显示地球仪
    • 地球仪上缩放和行星大小的关系
    • 哈希路由
    • 地球仪上带地形高程的热力图
    • 创建热力图图层
    • 添加多方向山体阴影图层
    • 添加山体阴影图层
    • 创建悬停效果
    • 显示带地形高程的混合卫星地图
    • 显示非交互式地图
    • 跳转到一系列位置
    • 切换地图语言
    • 显示跨越180度子午线的线条
    • 使用表达式创建渐变线条
    • 添加实时数据
    • 实时更新地图要素
    • 查看本地GeoJSON文件(实验性)
    • 查看本地GeoJSON文件
    • 使用本地生成的表意文字
    • 定位用户位置
    • 细节层次控制
    • 添加栅格瓦片源
    • 使用Mapbox GL Draw绘制多边形
    • 支持从右到左文本
    • 使用 Terra-Draw 绘制几何图形
    • 测量距离
    • 获取鼠标指针坐标
    • 从单个GeoJSON源添加多个几何图形
    • 显示地图导航控件
    • 使用内边距偏移消失点
    • PMTiles 源和协议
    • 点击多边形显示信息
    • 点击显示弹出窗口
    • 悬停显示弹出窗口
    • 显示弹出窗口
    • 获取鼠标指针下的要素
    • 渲染世界副本
    • 限制地图平移到某个区域
    • 显示卫星地图
    • 基于滚动位置飞行到特定位置
    • 设置俯仰角和方位角
    • 为标记添加弹出窗口
    • 显示一个地图
    • 天空、雾和地形
    • 同步多个地图的移动
    • 创建时间轴滑块
    • 切换deck.gl图层
    • 切换交互功能
    • 可变标签放置
    • 可变偏移标签放置
    • 添加矢量瓦片源
    • 在地图上播放视频
    • 可视化人口密度
    • 添加WMS服务
    • 缩放至线要素
  • 指南
    • 优化MapLibre性能: 大型GeoJSON数据集的技巧
    • Leaflet迁移指南
    • Mapbox迁移指南
    • OpenLayers迁移指南

图层

样式的layers属性列出了该样式中可用的所有图层。图层类型由type属性指定,必须是以下类型之一:background、fill、line、symbol、raster、circle、fill-extrusion、heatmap、hillshade、color-relief。

除了background类型的图层外,每个图层都需要引用一个数据源。图层从数据源获取数据,可选择性地过滤要素,然后定义这些要素的样式。

layers: [
    {
        "id": "coastline",
        "source": "maplibre",
        "source-layer": "countries",
        "type": "line",
        "paint": {
            "line-color": "#0099ff"
        }
    },
    ...
]

图层属性

id

必需的字符串。

图层的唯一标识符。

type

必需的枚举值。可能的值:background、fill、line、symbol、raster、circle、fill-extrusion、heatmap、hillshade、color-relief。

图层的渲染类型。

  • background:背景色或图案,不引用源数据
  • fill:填充多边形
  • line:线条
  • symbol:符号标签图标
  • raster:栅格瓦片
  • circle:填充圆
  • fill-extrusion:带有高度的填充多边形
  • heatmap:热力图
  • hillshade:山体阴影
  • color-relief:色彩地形图

metadata

可选的对象。

任意属性,用于应用特定的元数据。属性名称应以命名空间为前缀,以避免冲突,如maplibre:。

source

除background图层外,所有图层都必需的字符串。

数据源的名称,必须与样式的sources中定义的源之一匹配。

source-layer

对矢量瓦片源必需的字符串。

图层的源图层名称,该图层包含要素的几何数据。对于矢量瓦片源,这是矢量瓦片包含的原始图层之一。

minzoom

可选数值。默认为0。

图层可见的最小缩放级别。在低于此缩放级别时,图层将被隐藏。

maxzoom

可选数值。默认为24。

图层可见的最大缩放级别。在高于此缩放级别时,图层将被隐藏。

filter

可选表达式。

一个表达式,指定源要素的条件,满足条件的要素才会在图层中显示。

layout

可选对象。

布局属性。

paint

可选对象。

绘制属性。

背景层

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

background-color

绘制属性。可选颜色。默认为"#000000"。支持插值表达式。可过渡。

背景的颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

background-pattern

绘制属性。可选字符串。可过渡。

用于绘制背景的图像的名称。为了实现平滑的过渡效果,此参数支持跨缩放级别的插值。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

background-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持插值表达式。可过渡。

背景的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

填充图层

fill-sort-key

布局属性。可选数值。支持数据驱动样式。

用于按升序对要素进行排序的值。要素将按照排序键的值从低到高的顺序绘制。排序键相同的要素将按照它们在数据源中出现的顺序绘制。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能1.2.08.1.05.1.0
数据驱动样式1.2.08.1.05.1.0

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

fill-antialias

绘制属性。可选布尔值。默认为true。

是否对填充多边形进行抗锯齿处理。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

fill-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

填充的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.21.05.0.03.5.0

fill-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

填充的颜色。仅当未指定fill-pattern时使用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.19.05.0.03.5.0

fill-outline-color

绘制属性。可选颜色。支持数据驱动样式和插值表达式。可过渡。

填充轮廓的颜色。仅当未指定fill-pattern时使用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.19.05.0.03.5.0

fill-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

填充的几何体相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

fill-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制fill-translate的参考框架。

  • map:填充相对于地图平移。
  • viewport:填充相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

fill-pattern

绘制属性。可选字符串。支持数据驱动样式。可过渡。

用于绘制填充的图像的名称。为了实现平滑的过渡效果,此参数支持跨缩放级别和时间的插值。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.49.06.5.04.4.0

圆形图层

circle-sort-key

布局属性。可选数值。支持数据驱动样式。

用于按升序对要素进行排序的值。要素将按照排序键的值从低到高的顺序绘制。排序键相同的要素将按照它们在数据源中出现的顺序绘制。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能1.2.08.1.05.1.0
数据驱动样式1.2.08.1.05.1.0

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

circle-radius

绘制属性。可选以像素为单位的数值。默认为5。支持数据驱动样式和插值表达式。可过渡。

圆的半径。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.18.05.0.03.5.0

circle-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

圆的填充颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.18.05.0.03.5.0

circle-blur

绘制属性。可选数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

模糊应用于圆的量,定义为圆半径的1/4。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.20.05.0.03.5.0

circle-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

圆的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.20.05.0.03.5.0

circle-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

圆的几何体相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

circle-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制circle-translate的参考框架。

  • map:圆相对于地图平移。
  • viewport:圆相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

circle-pitch-scale

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制圆的缩放行为。

  • map:圆将随地图缩放,但在俯仰时保持原始大小。
  • viewport:圆将随地图缩放,并随地图俯仰而缩放。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.21.04.2.03.4.0

circle-pitch-alignment

绘制属性。可选枚举值。可能的值:map、viewport。默认为"viewport"。

控制圆的轴对齐方式。

  • map:圆与地图平面对齐。
  • viewport:圆与视口平面对齐。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.39.06.0.04.0.0

circle-stroke-width

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

圆描边的宽度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.29.05.0.03.5.0
数据驱动样式0.29.05.0.03.5.0

circle-stroke-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

圆描边的颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.29.05.0.03.5.0
数据驱动样式0.29.05.0.03.5.0

circle-stroke-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

圆描边的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.29.05.0.03.5.0
数据驱动样式0.29.05.0.03.5.0

热力图

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0

heatmap-radius

绘制属性。可选以像素为单位的数值。默认为30。支持数据驱动样式和插值表达式。可过渡。

每个热点的影响半径,以像素为单位。值越大,热点之间的平滑度越高。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0
数据驱动样式0.43.06.0.04.0.0

heatmap-weight

绘制属性。可选数值。默认为1。支持数据驱动样式和插值表达式。

权重衡量每个热点对热图强度的贡献。大于0的值可以用作乘数,值越大影响越大,值为0表示没有贡献。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0
数据驱动样式0.41.06.0.04.0.0

heatmap-intensity

绘制属性。可选数值。默认为1。支持插值表达式。可过渡。

与热图权重相似,但影响所有像素的热图强度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0

heatmap-color

绘制属性。可选颜色。默认为使用["interpolate",["linear"],["heatmap-density"],0,"rgba(0, 0, 255, 0)",0.1,"royalblue",0.3,"cyan",0.5,"lime",0.7,"yellow",1,"red"]表示的颜色梯度。支持插值表达式。

定义热图的颜色梯度,从低到高的密度。这是一个颜色映射:一组输入密度值 (0-1) 和对应的输出颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0

heatmap-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持插值表达式。可过渡。

整个热图图层的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.41.06.0.04.0.0

填充挤出

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0

fill-extrusion-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持插值表达式。可过渡。

填充挤出的整体不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0

fill-extrusion-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

填充挤出的颜色。仅当未指定fill-extrusion-pattern时使用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0
数据驱动样式0.27.05.1.03.6.0

fill-extrusion-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

填充挤出的几何体相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0

fill-extrusion-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制fill-extrusion-translate的参考框架。

  • map:填充挤出相对于地图平移。
  • viewport:填充挤出相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0

fill-extrusion-pattern

绘制属性。可选字符串。支持数据驱动样式。可过渡。

用于绘制填充挤出的图像的名称。为了实现平滑的过渡效果,此参数支持跨缩放级别和时间的插值。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0
数据驱动样式0.49.06.5.04.4.0

fill-extrusion-height

绘制属性。可选数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

填充挤出的高度,单位为米。如果省略,或者值为0,则多边形将被渲染为平面多边形。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0
数据驱动样式0.27.05.1.03.6.0

fill-extrusion-base

绘制属性。可选数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

填充挤出的基础高度,单位为米。与高度属性不同,基础高度定义了挤出的几何体底部的海拔高度,允许填充不从地面开始。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.27.05.1.03.6.0
数据驱动样式0.27.05.1.03.6.0

fill-extrusion-vertical-gradient

绘制属性。可选布尔值。默认为true。

是否显示填充挤出的垂直渐变。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.50.06.5.04.4.0

线条图层

line-cap

布局属性。可选枚举值。可能的值:butt、round、square。默认为"butt"。

线条末端的显示方式。

  • butt:线条末端为平直的,垂直于线条的方向。
  • round:线条末端为半圆形。
  • square:线条末端为半正方形,长度等于线宽的一半。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-join

布局属性。可选枚举值。可能的值:bevel、round、miter。默认为"miter"。支持数据驱动样式。

线条连接处的显示方式。

  • bevel:连接处为平角。
  • round:连接处为圆角。
  • miter:连接处为尖角。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.40.06.0.04.0.0

line-miter-limit

布局属性。可选数值。默认为2。

尖角(miter)连接的限制比例,用于控制尖角的长度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-round-limit

布局属性。可选数值。默认为1.05。

圆角连接的限制比例,用于控制圆角的平滑度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-sort-key

布局属性。可选数值。支持数据驱动样式。

用于按升序对要素进行排序的值。要素将按照排序键的值从低到高的顺序绘制。排序键相同的要素将按照它们在数据源中出现的顺序绘制。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能1.2.08.1.05.1.0
数据驱动样式1.2.08.1.05.1.0

visibility

布局属性。可选枚举值。可能的值:visible、none。默认为"visible"。

此图层是否显示。

  • visible:图层显示。
  • none:图层不显示。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

线条的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.29.05.0.03.5.0

line-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

线条的颜色。如果指定了line-pattern,则此值将被忽略。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.23.05.0.03.5.0

line-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

线条的几何体相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制line-translate的参考框架。

  • map:线条相对于地图平移。
  • viewport:线条相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-width

绘制属性。可选以像素为单位的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

线条的宽度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.39.06.0.04.0.0

line-gap-width

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

线条轮廓之间的间隙宽度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.29.05.0.03.5.0

line-offset

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

线条相对于其路径的偏移量。正值表示向右偏移,负值表示向左偏移。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.12.13.0.03.1.0
数据驱动样式0.29.05.0.03.5.0

line-blur

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

模糊应用于线条的量。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-dasharray

绘制属性。可选以像素为单位的数值数组。可过渡。

指定用于创建虚线模式的交替虚线和间隔的长度。数组中的数值被解释为像素长度交替的虚线和间隔。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

line-pattern

绘制属性。可选字符串。支持数据驱动样式。可过渡。

用于绘制线条的图像的名称。为了实现平滑的过渡效果,此参数支持跨缩放级别和时间的插值。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.49.06.5.04.4.0

line-gradient

绘制属性。可选颜色。支持插值表达式。

线条的颜色渐变。仅适用于line-width大于0且未指定line-pattern的线条。line-gradient不能与使用line-dasharray的线条一起使用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.45.06.5.04.4.0

符号图层

symbol-placement

布局属性。可选枚举值。可能的值:point、line、line-center。默认为"point"。

标签或图标放置的位置。

  • point:标签放置在几何体的中心点。
  • line:标签沿着线几何体放置。
  • line-center:标签放置在线几何体的中心。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
line-center0.47.06.4.04.3.0

symbol-spacing

布局属性。可选以像素为单位的数值。默认为250。支持插值表达式。

两个相邻符号之间的距离。仅适用于symbol-placement为line的符号。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

symbol-avoid-edges

布局属性。可选布尔值。默认为false。

如果为true,则符号不会跨越tile边界放置。如果为false,则符号可以跨越tile边界放置。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

symbol-sort-key

布局属性。可选数值。支持数据驱动样式。

用于按升序对要素进行排序的值。符号将按照排序键的值从低到高的顺序绘制。排序键相同的符号将按照它们在数据源中出现的顺序绘制。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.53.07.4.04.11.0
数据驱动样式0.53.07.4.04.11.0

symbol-z-order

布局属性。可选枚举值。可能的值:auto、viewport-y、source。默认为"auto"。

决定如何根据其他符号排列此图层中的符号。

  • auto:当symbol-sort-key不存在或相等时,将按照以下顺序对符号进行排序:1. 如果设置了symbol-sort-key,则按该值升序排序。2. 如果未设置symbol-sort-key或值相等,则y位置从下到上排序。3. 如果y位置相等,则按数据源排序。
  • viewport-y:符号按其y位置从下到上排序。
  • source:符号按照它们在数据源中出现的顺序排序。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.53.07.4.04.11.0

icon-allow-overlap

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,即使与先前放置的图标重叠,也会显示图标。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-overlap

布局属性。可选枚举值。可能的值:never、always、cooperative。默认为"never"。支持插值表达式。

决定图标之间如何避免碰撞。

  • never:不允许图标重叠。与icon-allow-overlap: false的行为相同。
  • always:允许图标重叠。与icon-allow-overlap: true的行为相同。
  • cooperative:如果与先前放置的相同字段的符号重叠,则防止图标碰撞。但可以与来自不同字段的符号重叠。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能1.10.010.0.010.0.0

icon-ignore-placement

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,即使此图标的放置会影响其他符号的放置,也会显示此图标。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-optional

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,则文本可以显示而不必显示其对应的图标,反之亦然。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-rotation-alignment

布局属性。可选枚举值。可能的值:map、viewport、auto。默认为"auto"。支持插值表达式。

决定图标的旋转行为。

  • map:图标相对于地图的旋转角度。
  • viewport:图标相对于视口旋转。
  • auto:自动选择对齐方式。当symbol-placement为point时,等同于viewport;当symbol-placement为line时,等同于map。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
auto值0.36.05.6.03.5.0

icon-size

布局属性。可选数值。默认为1。支持数据驱动样式和插值表达式。

调整原始图标大小的比例因子。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

icon-text-fit

布局属性。可选枚举值。可能的值:none、width、height、both。默认为"none"。支持插值表达式。

决定图标是否拉伸以适应文本。

  • none:图标不会调整大小以适应文本。
  • width:图标的宽度调整为文本的宽度。
  • height:图标的高度调整为文本的高度。
  • both:图标的宽度和高度都调整为文本的尺寸。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.21.04.2.03.4.0

icon-text-fit-padding

布局属性。可选以像素为单位的数值数组[x, y]或[top, right, bottom, left]。默认为[0, 0, 0, 0]。支持插值表达式。

调整后的图标与文本之间的内边距。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.21.04.2.03.4.0

icon-image

布局属性。可选字符串。支持数据驱动样式和插值表达式。

包含图标图像的精灵表中的图像的名称。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

icon-rotate

布局属性。可选以度为单位的数值。默认为0。支持数据驱动样式和插值表达式。

图标的旋转角度,顺时针方向。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.21.05.0.03.5.0

icon-padding

布局属性。可选以像素为单位的数值。默认为2。支持插值表达式。

图标的内边距,用于确定图标周围的碰撞检测区域。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-keep-upright

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,则图标可以上下翻转,以防止它们被渲染为倒置。仅当icon-rotation-alignment设置为map并且symbol-placement设置为line或line-center时适用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-offset

布局属性。可选数值数组[x, y]。默认为[0, 0]。支持数据驱动样式和插值表达式。

图标相对于其原始位置的偏移距离。正x值将图标向右移动,正y值将图标向下移动。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.29.05.0.03.5.0

icon-anchor

布局属性。可选枚举值。可能的值:center、left、right、top、bottom、top-left、top-right、bottom-left、bottom-right。默认为"center"。支持数据驱动样式和插值表达式。

图标相对于其位置的锚点部分。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.40.06.0.04.0.0
数据驱动样式0.40.06.0.04.0.0

icon-pitch-alignment

布局属性。可选枚举值。可能的值:map、viewport、auto。默认为"auto"。支持插值表达式。

当地图倾斜时,图标的方向。

  • map:图标与地图平面对齐。
  • viewport:图标与视口平面对齐。
  • auto:自动选择对齐方式。当icon-rotation-alignment为map时,等同于map;当icon-rotation-alignment为viewport时,等同于viewport。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.39.06.0.04.0.0

text-pitch-alignment

布局属性。可选枚举值。可能的值:map、viewport、auto。默认为"auto"。支持插值表达式。

当地图倾斜时,文本的方向。

  • map:文本与地图平面对齐。
  • viewport:文本与视口平面对齐。
  • auto:自动选择对齐方式。当text-rotation-alignment为map时,等同于map;当text-rotation-alignment为viewport时,等同于viewport。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.21.04.2.03.4.0
auto值0.39.06.0.04.0.0

text-rotation-alignment

布局属性。可选枚举值。可能的值:map、viewport、auto。默认为"auto"。支持插值表达式。

决定文本的旋转行为。

  • map:文本相对于地图的旋转角度。
  • viewport:文本相对于视口旋转。
  • auto:自动选择对齐方式。当symbol-placement为point时,等同于viewport;当symbol-placement为line时,等同于map。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
auto值0.25.04.2.03.4.0

text-field

布局属性。可选格式化文本。默认为""。支持数据驱动样式和插值表达式。

要显示的文本内容。支持文字格式化表达式。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-font

布局属性。可选字符串数组。默认为["Open Sans Regular", "Arial Unicode MS Regular"]。支持数据驱动样式和插值表达式。

用于显示文本的字体堆栈。第一个指定的字体如果可用将被使用,如果不可用,将使用堆栈中的下一个字体,依此类推。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.43.06.0.04.0.0

text-size

布局属性。可选以像素为单位的数值。默认为16。支持数据驱动样式和插值表达式。

文本字体的大小。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

text-max-width

布局属性。可选以文本的EM为单位的数值。默认为10。支持数据驱动样式和插值表达式。

文本换行的最大行宽。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.40.06.0.04.0.0

text-line-height

布局属性。可选以文本的EM为单位的数值。默认为1.2。支持插值表达式。

文本的行高。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-letter-spacing

布局属性。可选以文本的EM为单位的数值。默认为0。支持数据驱动样式和插值表达式。

文本字母之间的距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.40.06.0.04.0.0

text-justify

布局属性。可选枚举值。可能的值:auto、left、center、right。默认为"center"。支持数据驱动样式和插值表达式。

文本的对齐方式。

  • auto:自动选择对齐方式。在LTR文本中,等同于left;在RTL文本中,等同于right。
  • left:文本左对齐。
  • center:文本居中对齐。
  • right:文本右对齐。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.39.06.0.04.0.0

text-radial-offset

布局属性。可选以文本的EM为单位的数值。支持数据驱动样式和插值表达式。

文本相对于其锚点的径向偏移量。正值表示远离锚点,负值表示向锚点靠近。如果与text-variable-anchor结合使用,则值为相对于由文本变量锚点计算得出的最终锚点。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.54.07.4.04.10.0
数据驱动样式0.54.07.4.04.10.0

text-variable-anchor

布局属性。可选枚举值数组。可能的值:center、left、right、top、bottom、top-left、top-right、bottom-left、bottom-right。支持插值表达式。

要为文本尝试的锚点位置的顺序。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.54.07.4.04.10.0

text-variable-anchor-offset

布局属性。可选数值数组[[x, y], [x, y], ...]。支持数据驱动样式。

与text-variable-anchor锚点对应的偏移量数组。这些偏移量将用于调整基于text-variable-anchor生成的标签位置。如果此数组短于text-variable-anchor数组,则超出的锚点将使用text-offset。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能2.15.0Not yetNot yet
数据驱动样式2.15.0Not yetNot yet

text-anchor

布局属性。可选枚举值。可能的值:center、left、right、top、bottom、top-left、top-right、bottom-left、bottom-right。默认为"center"。支持数据驱动样式和插值表达式。

文本相对于其位置的锚点部分。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.39.06.0.04.0.0

text-max-angle

布局属性。可选以度为单位的数值。默认为45。支持插值表达式。

当symbol-placement为line时,确定两个相邻字符之间的最大角度变化。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-writing-mode

布局属性。可选枚举值数组。可能的值:horizontal、vertical。支持插值表达式。

文本的书写模式。

  • horizontal:水平文本。
  • vertical:垂直文本。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.47.06.4.04.3.0

text-rotate

布局属性。可选以度为单位的数值。默认为0。支持数据驱动样式和插值表达式。

文本的旋转角度,顺时针方向。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

text-padding

布局属性。可选以像素为单位的数值。默认为2。支持插值表达式。

文本的内边距,用于确定文本周围的碰撞检测区域。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-keep-upright

布局属性。可选布尔值。默认为true。支持插值表达式。

如果为true,则文本可以上下翻转,以防止它们被渲染为倒置。仅当text-rotation-alignment设置为map并且symbol-placement设置为line或line-center时适用。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-transform

布局属性。可选枚举值。可能的值:none、uppercase、lowercase。默认为"none"。支持数据驱动样式和插值表达式。

指定如何大小写文本。

  • none:文本不做大小写转换。
  • uppercase:文本转为大写。
  • lowercase:文本转为小写。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

text-offset

布局属性。可选数值数组[x, y]。默认为[0, 0]。支持数据驱动样式和插值表达式。

文本相对于其原始位置的偏移距离。正x值将文本向右移动,正y值将文本向下移动。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.35.05.1.03.6.0

text-allow-overlap

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,即使与先前放置的文本重叠,也会显示文本。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-overlap

布局属性。可选枚举值。可能的值:never、always、cooperative。默认为"never"。支持插值表达式。

决定文本之间如何避免碰撞。

  • never:不允许文本重叠。与text-allow-overlap: false的行为相同。
  • always:允许文本重叠。与text-allow-overlap: true的行为相同。
  • cooperative:如果与先前放置的相同字段的符号重叠,则防止文本碰撞。但可以与来自不同字段的符号重叠。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能1.10.010.0.010.0.0

text-ignore-placement

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,即使此文本的放置会影响其他符号的放置,也会显示此文本。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-optional

布局属性。可选布尔值。默认为false。支持插值表达式。

如果为true,则图标可以显示而不必显示其对应的文本,反之亦然。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

图标的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

icon-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

图标的颜色。仅适用于可着色的图标。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

icon-halo-color

绘制属性。可选颜色。默认为"rgba(0, 0, 0, 0)"。支持数据驱动样式和插值表达式。可过渡。

图标的光晕颜色。图标光晕只能应用于可着色的图标。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

icon-halo-width

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

图标光晕的宽度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

icon-halo-blur

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

图标光晕的模糊量。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

icon-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

图标相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

icon-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制icon-translate的参考框架。

  • map:图标相对于地图平移。
  • viewport:图标相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-opacity

绘制属性。可选范围为[0, 1]的数值。默认为1。支持数据驱动样式和插值表达式。可过渡。

文本的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-color

绘制属性。可选颜色。默认为"#000000"。支持数据驱动样式和插值表达式。可过渡。

文本的颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-halo-color

绘制属性。可选颜色。默认为"rgba(0, 0, 0, 0)"。支持数据驱动样式和插值表达式。可过渡。

文本的光晕颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-halo-width

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

文本光晕的宽度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-halo-blur

绘制属性。可选以像素为单位的数值。默认为0。支持数据驱动样式和插值表达式。可过渡。

文本光晕的模糊量。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0
数据驱动样式0.33.05.0.03.5.0

text-translate

绘制属性。可选以像素为单位的数值数组[x, y]。默认为[0, 0]。支持插值表达式。可过渡。

文本相对于其原始位置的平移距离。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

text-translate-anchor

绘制属性。可选枚举值。可能的值:map、viewport。默认为"map"。

控制text-translate的参考框架。

  • map:文本相对于地图平移。
  • viewport:文本相对于视口平移。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

栅格图层

visibility

布局属性。可选枚举值。可能的值: visible, none。默认为 "visible"。

该图层是否显示。

  • visible: 图层可见。
  • none: 图层不可见。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-opacity

绘制属性。可选数值,范围[0, 1]。默认为 1。支持插值表达式。可过渡。

栅格图层的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-hue-rotate

绘制属性。可选数值,单位为度,默认为 0。支持插值表达式。可过渡。

应用于栅格图层的色相旋转。值以度为单位。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-brightness-min

绘制属性。可选数值,范围[0, 1]。默认为 0。支持插值表达式。可过渡。

提高低亮度像素的亮度,而高亮度像素保持不变。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-brightness-max

绘制属性。可选数值,范围[0, 1]。默认为 1。支持插值表达式。可过渡。

降低高亮度像素的亮度,而低亮度像素保持不变。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-saturation

绘制属性。可选数值,范围[-1, 1]。默认为 0。支持插值表达式。可过渡。

调整栅格图层的饱和度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-contrast

绘制属性。可选数值,范围[-1, 1]。默认为 0。支持插值表达式。可过渡。

调整栅格图层的对比度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-resampling

绘制属性。可选枚举值。可能的值: linear, nearest。默认为 "linear"。

栅格重采样模式。

  • linear: (线性) 创建平滑外观的图像。
  • nearest: (最近邻) 创建像素化外观的图像。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

raster-fade-duration

绘制属性。可选数值,单位为毫秒,默认为 300。

淡入新加载栅格瓦片的持续时间。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.10.02.0.12.0.0

山体阴影图层

visibility

布局属性。可选枚举值。可能的值: visible, none。默认为 "visible"。

该图层是否显示。

  • visible: 图层可见。
  • none: 图层不可见。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0

hillshade-illumination-direction

绘制属性。可选数值,范围[0, 359],默认为 335。支持插值表达式。可过渡。

光源的方向,以从北方顺时针的角度表示。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0
多方向照明❌ (#5665)❌ (#3396)❌ (#3396)

hillshade-illumination-altitude

绘制属性。可选数值,范围[0, 90],默认为 35。支持插值表达式。可过渡。

光源的高度,以从地平线上方的度数表示。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0
多方向照明❌ (#5665)❌ (#3396)❌ (#3396)

hillshade-illumination-anchor

绘制属性。可选枚举值。可能的值: map, viewport。默认为 "viewport"。

地图旋转时光源的方向。

  • map: 山体阴影照明相对于北方方向。
  • viewport: 山体阴影照明相对于视口顶部。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0

hillshade-exaggeration

绘制属性。可选数值,范围[0, 1]。默认为 0.5。支持插值表达式。可过渡。

山体阴影的强度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0

hillshade-shadow-color

绘制属性。可选颜色数组。默认为 "#000000"。支持插值表达式。可过渡。

背向光源的区域的阴影颜色。只有当hillshade-method设置为multidirectional时,才能指定多个光源。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0
多方向照明❌ (#5665)❌ (#3396)❌ (#3396)

hillshade-highlight-color

绘制属性。可选颜色数组。默认为 "#FFFFFF"。支持插值表达式。可过渡。

朝向光源的区域的高亮颜色。只有当hillshade-method设置为multidirectional时,才能指定多个光源。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0
多方向照明❌ (#5665)❌ (#3396)❌ (#3396)

hillshade-accent-color

绘制属性。可选颜色。默认为 "#000000"。支持插值表达式。可过渡。

用于强调崎岖地形(如陡峭悬崖和峡谷)的阴影颜色。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能0.43.06.0.04.0.0

hillshade-method

绘制属性。可选枚举值。可能的值: standard, basic, combined, igor, multidirectional。默认为 "standard"。

要使用的山体阴影算法,可以是standard、basic、combined、igor或multidirectional之一。

  • standard: 传统的山体阴影方法。
  • basic: 基本山体阴影。使用简单的物理模型,其中反射光强度与入射光与表面法线之间角度的余弦成正比。类似于GDAL的gdaldem默认算法。
  • combined: 强度随斜度变化的山体阴影算法。类似于GDAL的带-combined选项的gdaldem。
  • igor: 尝试最小化对下方其他地图要素影响的山体阴影算法。类似于GDAL的带-igor选项的gdaldem。
  • multidirectional: 具有多个照明方向的山体阴影。使用具有多个独立光源的基本山体阴影模型。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能❌ (#5665)❌ (#3396)❌ (#3396)

色彩浮雕图层

visibility

布局属性。可选枚举值。可能的值: visible, none。默认为 "visible"。

该图层是否显示。

  • visible: 图层可见。
  • none: 图层不可见。
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能尚不支持尚不支持尚不支持

color-relief-opacity

绘制属性。可选数值,范围[0, 1]。默认为 1。支持插值表达式。可过渡。

色彩浮雕将被绘制的不透明度。

SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能❌ (#5666)❌ (#3408)❌ (#3408)

color-relief-color

绘制属性。可选颜色。支持插值表达式。

根据像素的海拔高度定义每个像素的颜色。应该是一个使用["elevation"]作为输入的表达式。

color-relief-color: [
    "interpolate",
    ["linear"],
    ["elevation"],
    0,
    "black",
    8849,
    "white"
]
SDK支持MapLibre GL JSMapLibre Native AndroidMapLibre Native iOS
基本功能❌ (#5666)❌ (#3408)❌ (#3408)
数据驱动样式尚不支持尚不支持尚不支持
Prev
字形
Next
光照