mapbox 地图样式规范

Mapbox 样式文件定义的是地图所呈现的视觉外观，包括：需要绘制哪些数据、绘制的顺序、以及绘制数据时如何进行符号化。样式文档是以 JSON对象中的属性字段进行组织的。

{"version": 8, // 版本号（必填，且值必须为8）"name": "自定义名称", // 可选，用于给style取名，方便阅读"metadata": { // 元数据（可选，用于style附加一些任意属性，避免冲突）"mapbox:name": "demo"},"center": [120,30], //中心点"zoom": 8, // 默认缩放层级"bearing": 0, // 默认方位角"pitch": 0, // 默认倾斜角度"sprite": "mapbox://sprites/mapbox/bright-v8", // 雪碧图（可选，用来指定获取雪碧图及元数据的URL，表示不受地图旋转缩放影响的图标等）"glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pdf", //字形符号（可选，用来指定加载以PBF格式设置的有向距离场字形的URL模板）"transition": { // 全局的过度动画属性（可选，用来作为所有过渡动画属性的默认值）"duration": 300, // 过度的持续时间"delay": 0 //延迟多久开始过渡},"light": { // 全局的光源（可选）"anchor": "viewport", // 锚点，指定作用的目标（可选，可选值map、viewport，默认viewport）"position": [1.15,210,30], // 位置（可选，默认值[1.15,210,30]
）"color":"white", // 颜色（可选）"intensity": 0.5 // 强度（可选，取值0~1）},"sources": {}, // 数据源"layers": [], // 图层集合
}

每个数据源 source 都有一个type属性，用于指定具体的类型

vector：矢量
raster：栅格
raster-dem：栅格化的数字高程模型
geojson：GeoJson数据源
image：图片
video：视频

每个图层layer都有id（具有唯一性）和type属性。其中type属性指定了其具体的渲染类型

fill：填充
line：线
circle：圆点
symbol：符号
background：背景
raster：栅格
heatmap：热力图
hillshade：坡面阴影
fill-extrusion：三维填充
symbol：展示图标和文字
background：（不依赖source）

layer.filter 过滤，用特定的表达式过滤指定的数据源的要素

layer.layout 布局类属性

layer.paint 绘制类属性

mapbox 地图样式规范相关推荐

基于Mapbox的地图样式规范
Mapbox 地图样式规范关于Mapbox更多开发信息,可以直接访问Mapbox中文官网 Mapbox 样式文件定义的是地图所呈现的视觉外观,包括:需要绘制哪些数据.绘制的顺序.以及绘制数据时如何进 ...
mapbox symbols 层级设置_Mapbox 地图样式规范
Mapbox 地图样式规范 Mapbox 样式文件定义的是地图所呈现的视觉外观,包括:需要绘制哪些数据.绘制的顺序.以及绘制数据时如何进行符号化.样式文档是以 JSON 对象中的属性字段进行组织的.此 ...
mapbox地图样式
官网自带样式: mapbox://styles/mapbox/basic-v9 mapbox://styles/mapbox/streets-v10 mapbox://styles/mapbox/ou ...
MapBox MVT数据规范说明
Vector tile specification 规范是设置有关如何存储和编码数据的标准的重要手段.就像应用程序假设数据库中存在哪些信息一样,Mapbox工具也假设矢量图块如何存储地理信息.Mapb ...
使用mapbox地图的一丢丢小心得
什么是快乐星球(介绍一下mapbox)... Mapbox是一个基于云的地图平台,提供开发人员在他们的应用程序中集成地图,并提供各种地图样式.地图数据和地理编码服务.Mapbox的地图可用于各种应用程 ...
react leaflet_如何使用React Leaflet和Leaflet Gatsby Starter设置自定义Mapbox底图样式
react leaflet Building maps can be pretty powerful, but often you're stuck with open source options ...
mapbox中文地图_使用 Mapbox 地图
如果您可以访问 Mapbox 地图,则可以将其添加至您的工作簿,或者使用它们在 Tableau Desktop 中创建地图视图.有关特定于国家/地区的可用数据的列表,请参见支持的地图数据. 将使用 M ...
百度地图 map核心类自定义控件地图样式(setMapStyle) 获取全景示例(getPanorama())
代码在此 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
cesium加载自定义mapbox地图
cesium加载自定义mapbox地图自定义mapbox地图可以使用mapbox studio来自定义地图样式 mapbox-studio官网首页使用模版创建地图自定义地图,然后发布使用自 ...

mapbox 地图样式规范

mapbox 地图样式规范

每个数据源 source 都有一个type属性，用于指定具体的类型

每个图层layer都有id（具有唯一性）和type属性。其中type属性指定了其具体的渲染类型

layer.filter 过滤，用特定的表达式过滤指定的数据源的要素

layer.layout 布局类属性

layer.paint 绘制类属性

mapbox 地图样式规范相关推荐

最新文章

热门文章