Mapbox GL JS CookbookMapbox GL JS Cookbook
快速开始
样式规范
空间数据
插件
进阶
DECK.GL
  • 文档
  • 术语
  • 示例
GitHub
快速开始
样式规范
空间数据
插件
进阶
DECK.GL
  • 文档
  • 术语
  • 示例
GitHub
  • 样式规范

    • 样式规范
    • 雪碧图
    • 字体
    • 数据源

      • 数据源
      • 瓦片数据源
      • GeoJSON
      • 图片 & 视频
      • 自定义数据源
    • 图层
    • 表达式
    • 灯光
    • 地形

GeoJSON

GeoJSON 数据源,必须提供 data 属性,可以是内联 GeoJSON 或 URL。

  1. 内联 GeoJSON
{
  "geojson-point": {
    "type": "geojson",
    "data": {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [-77.0323, 38.9131]
      },
      "properties": {
        "title": "Mapbox DC",
        "marker-symbol": "monument"
      }
    }
  }
}
  1. URL
{
  "geojson-lines": {
    "type": "geojson",
    "data": "./lines.geojson"
  }
}

提示

对于大量数据,建议使用矢量瓦片,如果只能是 GeoJSON,参考 Working with large GeoJSON sources in Mapbox GL JS 进行优化。

buffer

瓦片缓冲大小,取值范围:[0, 512],默认:128。值越大,渲染痕迹(Rendering Artifacts)越少(表现在瓦片边缘),性能更低。如果是点数据,可将其设置为 0。

cluster

设置为 true,可对点要素按距离聚合。

filter

用于在渲染之前对其要素进行过滤的 表达式。

tolerance

Douglas-Peucker 简化容差,默认:0.375,值越大,几何图形越简单(即顶点越少),性能越高。

在 GitHub 上编辑此页!
上次更新:
贡献者: huanglii
Prev
瓦片数据源
Next
图片 & 视频