mapbox 地图样式规范

最新推荐文章于 2025-02-12 16:25:38 发布

Lanwarf-前端开发

最新推荐文章于 2025-02-12 16:25:38 发布

阅读量1.1k

点赞数 1

分类专栏： Mapbox和Maplibre 文章标签： javascript vue 前端

本文链接：https://blog.csdn.net/qq_42038997/article/details/127059481

版权

Mapbox和Maplibre 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了Mapbox地图样式的配置方法，详细解释了样式文件的各个组成部分，包括版本号、中心点、缩放层级等基本属性，以及数据源、图层等核心组件的设置方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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": [], // 图层集合
}