Mapbox Style 规范(layout geojson等等)

最新推荐文章于 2024-08-23 08:20:47 发布
最新推荐文章于 2024-08-23 08:20:47 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： webgis 文章标签： js mapbox geojson
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44382452/article/details/114010434
版权

https://my.oschina.net/u/3185947/blog/4819218

中文官网包括英文官网的API,对于mapbox的各种属性规范,并没有很详细的描述,或者较为难理解,终于从网上扒了个大佬的文章.

qlanto
关注
专栏目录
篇1：Mapbox Style Specification
席木木的博客
05-31 315
篇1：Mapbox Style Specification，结合具体实例，介绍MapBox Style样式规范。
048：mapboxGL本地上传geojson文件，在map上解析显示图形
大剑师兰特的GIS世界
10-15 910
本示例的目的是介绍演示如何在vue+mapbox中本地上传geojson文件，通过mapbox加载geojson数据的方法解析，在地图上显示图形。
Mapbox: style样式规范——图层篇
weixin_48189070的博客
06-24 8564
Mapbox的style是定义地图视觉效果的文档，决定了地图绘制什么样的数据，以怎样的顺序绘制，以及以怎样的样式绘制。 本文详细解释了样式文件中常用图层属性的参数以及使用方法。
[mapbox] style样式规范——图层篇
qq_14993591的博客
11-17 570
Mapbox: style样式规范——图层篇
mapbox样式规范(style)
Mozifei73的博客
01-16 9641
mapbox样式规范(style)
Mapbox Web GL JS编程学习—— 风格规范Style Specification(一)——简介和Root根属性
小小菜下士的博客
07-16 691
Mapbox Web GL JS编程学习(一) 关于Root根属性 一：Root（就是根属性，简单介绍一些属性的用法，后续内容为具体用法） Mapbox样式的根级属性指定映射的层、瓦片源和其他资源，以及未在其他地方指定的初始摄像机位置的默认值。 { "version": 8, "name": "Mapbox Streets", "sprite": "mapbox://sprites/mapbox/streets-v8", "glyphs": "mapbox://fonts/m
mapbox利用geojson数据来渲染点线面
荣默默的博客
09-27 8518
//针对的是mapbox加载geojson的数据格式去渲染点线面 首先说说source的类型有哪些： source的类型有： 1.type: "geojson" （点（circle）线（line）面（fill）图标（symbol））【map.getSource('geojson').setData(geojson)给数据源赋值】 2.type: "image"（图片）【map.getS...
篇2：Mapbox Style Specification
席木木的博客
06-03 116
接《篇1：Mapbox Style Specification》，继续解读Mapbox Style Specification。
017：Mapbox GL加载geojson数据，显示Polygon，自定义填充色、边框等
大剑师兰特的GIS世界
04-21 1257
第017个本示例的目的是介绍演示如何在vue+mapbox中加载geojson数据，显示Polygon，自定义填充色、边框等。fill的参数：fill-antialias,fill-color,fill-opacity,fill-outline-color,fill-pattern,fill-sort-key,fill-translate,fill-translate-anchor,visibility。具体请参考下面的api链接。
Mapbox Style Specification—Type system
不平凡之路
11-28 1070
Type system 表达式的输入的参数以及他们的结果值，使用如下一组types：boolean、string、number、colr、arrays。更进一步来讲，表达式是type安全的：每个表达式都有确定的结果type和需要的参数types，并且sdk证明了表达式的结果type是适合上下文使用的。例如：在filter属性中一个表达式的结果类型必须是boolean，而+运算符的参数必须是数字。...
qwant-basic-gl-style:遵循mapbox-gl样式规范的Qwant Maps的默认地图样式
05-04
qwant-basic-gl-style 这是用于的Mapbox GL底图样式。 此样式使用从改编的矢量切片模式（并且与OpenMapTiles大部分兼容）。 查看。 建筑学 为了互通Qwant Maps组件之间的某些逻辑，我们使用一些配置文件通过覆盖GL样式模板中的一些字段。 这是此仓库的主要文件及其用法： style.json包含GL样式模板。 它看起来像一个普通的GL样式文件，但是某些字段将在构建时被覆盖。 tileschema_*.json文件包含切片模式（TileJSON格式）。 主要用于调试目的。 图标存储库包含所有地图图标。 您可以使用从其中构建精灵和图标字体 i18n.yml文件包含用于以任何一种语言（嗯...几乎任何一种）创建地图的算法。 在style.json指定的大多数name字段将在构建时使用此配置覆盖 icons.yml文件包含用于兴趣点的图标和文本
ol-mapbox-style:将Mapbox样式对象与OpenLayers一起使用
05-01
ol-mapbox样式 从对象创建地图。 入门 安装 要在基于npm开发环境的应用程序中使用该库，请使用 npm install ol-mapbox-style 以这种方式安装后，只需导入ol-mapbox样式的模块，如下面的用法示例中所示。 要使用ol-mapbox样式的独立版本，只需在HTML页面上包含“ dist / olms.js”，然后访问全局olms对象即可。 用法示例 下面的代码根据Mapbox的Bright v9样式创建一个OpenLayers映射： import olms from 'ol-mapbox-style' ; var key = 'Your Mapbox Access Token here' ; olms ( 'map' , 'https://api.mapbox.com/styles/v1/mapbox/bright-v9?access_token=' +
mapbox 样式
u012551120的博客
07-04 638
【代码】mapbox 样式。
Mapbox Style Specification—Expressions
不平凡之路
11-21 2776
最近在弄mapbox的js框架，maobox的框架还是很不错的，把官方文档看了多遍也渐渐有了许多的感觉，之前弄是用android SDK，在android中利用mapbox框架，因为公司有业务牵扯到前台展示，之前的前端是用canvas，没用任何地图框架，这种办法无疑是很累的，而且实现的效果也一般，之前在搞android的时候就看了js的框架的例子，感觉效果很棒，最近就开始研究一下，将自己的需求动态...
探索ol-mapbox-style：将Mapbox风格带入OpenLayers
最新发布
gitblog_00954的博客
08-23 274
探索ol-mapbox-style：将Mapbox风格带入OpenLayers ol-mapbox-styleUse Mapbox Style objects with OpenLayers项目地址:https://gitcode.com/gh_mirrors/ol/ol-mapbox-style 在地图开发的世界中，OpenLayers一直是一个强大的工具，而Mapbox则以其精美的地图风格闻...
mapbox实现无极缩放layout属性
Sakura1998gis的博客
04-28 439
mapbox实现无极缩放layout属性
057：mapboxGL中layout，paint等属性的函数表达说明
大剑师兰特的GIS世界
10-20 648
函数 Function 可以作为其 layout布局类属性和 paint 绘制类属性的属性值。在使用 Function 作为属性值时，实际上是一个对象。
Mapbox 图层中哪些属性属于layout,哪些属性属于paint
小火车况且况且况且的博客
03-30 980
layout and paint properties | Help | MapboxLayout properties和paint properties是层的两个子属性，用于定义如何在Mapbox GL地图中渲染空间数据。通常在单个层中一起使用。Layout properties 定义Mapbox GL渲染器如何绘制和应用层的数据。它们在渲染过程的早期应用。的示例包括 visibility, line-cap, and symbol-placement.。 Paint properties定义了该层数据
mapbox 地图样式规范
qq_42038997的博客
09-26 1039
Mapbox 样式文件定义的是地图所呈现的视觉外观，包括：需要绘制哪些数据、绘制的顺序、以及绘制数据时如何进行符号化。样式文档是以 JSON对象中的属性字段进行组织的。
mapboxgl 添加id为中文的layer 出现layout.text-field: use of "text-field" requires a style "glyphs" property错误
07-11
在 Mapbox GL JS 中，如果要添加一个具有中文文本的图层，并且你使用了自定义字体，则需要设置样式的 `glyphs` 属性。这个属性用于指定 Mapbox GL JS 加载字体的资源。 以下是一个示例代码： ```javascript // 引入 Mapbox GL JS 库 import mapboxgl from 'mapbox-gl'; // 创建地图容器 const mapContainer = document.getElementById('map'); // 初始化地图 mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN'; const map = new mapboxgl.Map({ container: mapContainer, style: 'mapbox://styles/mapbox/streets-v11', // 设置地图样式，这里以 streets-v11 为例 center: [lng, lat], // 设置地图中心点的经纬度 zoom: 12 // 设置缩放级别 }); // 添加图层 map.on('load', () => { map.addLayer({ id: 'my-layer', type: 'symbol', source: { type: 'geojson', data: { type: 'FeatureCollection', features: [{ type: 'Feature', geometry: { type: 'Point', coordinates: [lng, lat] }, properties: { title: '中文文本' } }] } }, layout: { 'text-field': '{title}', 'text-size': 14, 'text-font': ['Arial Unicode MS Regular'] // 设置自定义字体 }, glyphs: 'https://example.com/{fontstack}/{range}.pbf' // 设置字体资源路径 }); }); ``` 在这个示例中，我们添加了一个 `symbol` 类型的图层，并设置了 `text-field` 来显示中文文本。同时，通过设置 `text-font` 为自定义字体，然后使用 `glyphs` 属性指定了字体资源的路径。 请将示例代码中的 `YOUR_ACCESS_TOKEN` 替换为你自己的 Mapbox access token，并根据需要修改其他的地图和图层属性。 需要注意的是，你需要提供一个符合 Mapbox GL JS 要求的字体资源，以确保正确显示中文文本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qlanto

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值