问题标签 [mapbox-gl-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
439 浏览

mapbox-gl-js - Mapbox-GL GEOjsonSource vs 数据源

被 mapbox-gl-js 上的 API 弄糊涂了。

您可以使用GEOjsonsourceDataSource添加geojson文件,有什么区别?似乎您只能将样式与 Datasource 关联,而不是 GeoJsonsource ?

0 投票
1 回答
4418 浏览

mapbox-gl-js - 如何在 mapbox-gl 中为图层文本字段添加背景颜色

如何为 mapbox-gl 中的图层文本字段添加背景颜色 .. 或如何完成以使文本字段上有背景框

0 投票
3 回答
3400 浏览

mapbox-gl-js - 只为圆形mapbox gl js的边缘着色

我想在交互式地图上显示一个圆圈的轮廓(无填充)但是,mapbox-gl-js 中的绘制选项似乎仅限于填充。 https://www.mapbox.com/mapbox-gl-style-spec/#layers-circle

我错过了什么还是这不可能?

0 投票
3 回答
2022 浏览

javascript - 带有 Mapbox gl js 的多个图标精灵

在 Mapbox.js 中,您可以为每个标记指定一个图像,有没有办法使用 Mapbox GL JS 来做到这一点?还是仅限于每张地图一个精灵?标记精灵可能会增长到下载速度很慢的大小。

是否可以一次使用多个精灵?

还有一种方法可以在地图加载后切换精灵吗?我尝试使用 map.setStyle() 重新加载原始样式,但自定义标记不会重新出现。

0 投票
1 回答
1338 浏览

mapbox - 在 Mapbox-GL-JS 中从具有多种类型的 GeoJSON 文件中渲染 FeatureCollection

我们目前正在从 geojson 数据将图层加载到 mapbox GL 中。如果我们的 geojson 有一个包含点和多边形的特征集合,那么似乎没有办法让 mapbox gl 显示两者,因为您需要设置图层的类型。

有没有办法让一个图层有多种类型?似乎它无法处理多个。

0 投票
1 回答
1357 浏览

geojson - mapbox gl geojson 风格

我尝试在 Mapbox GL 中重现下面的捕获。添加颜色是为了便于阅读,但能够自定义颜色并不是强制性的。关键方面是不同的线宽。

MWE地图框js

我在这里那里读过 Mapbox GL 中的样式。添加尽可能多的具有不同权重的样式层不是一种选择。我用两千根线串试了一下,性能不可接受。

我已经在那里抓取了几个关于 mapbox GL 中数据驱动样式的 github 问题,但我无法弄清楚我需要的是否在路线图上。

在我用来生成上图的 GEOJSON 的 MWE 下面。

0 投票
1 回答
2465 浏览

javascript - Mapbox:通过单击地图外部打开标记的弹出窗口

我的代码中有一些 div “连接”到我的地图标记。我的 div 具有唯一的 ID,并且我的标记具有与属性(标题和标记 ID)相同的 ID。单击 div 时有什么方法可以打开标记弹出窗口吗?这是我的代码:

0 投票
0 回答
430 浏览

leaflet - Mapbox Matching API 切换坐标

编辑:我重新格式化了问题,因为有人向我指出问题不在 Mapbox API 中。

几天前,一个使用 mapbox 匹配 API 和 Leaflet.js 的应用程序开始在地球的另一边绘制折线。

虽然它自己看起来应该是这样的路径,但传单将它描绘在另一个大陆上。Mapbox 匹配 API 按照 GEOJson 标准返回响应:

使用下面的代码使用 leaflet.js 绘制图层会导致在错误位置绘制多段线。

结果是:

折线在衙门而不是欧洲绘制

虽然折线本身是应有的,但位置却不是。我推测问题是传单期望坐标格式为 [纬度,经度],而 Mapbox 匹配 API 返回 GEOJson 格式,即 [经度,纬度]。

我应该在绘制之前手动切换响应的坐标还是我做错了?

谢谢。

编辑2:看来问题实际上是不同的格式。有关它的更多信息可以在这篇文章中找到 更改返回对象中坐标的顺序非常繁琐,因此非常适合解决这个问题。

0 投票
0 回答
865 浏览

postgis - mapbox-gl.js 与 PGRESTAPI 矢量瓦片(pbf)

我有来自 PGRESTAPI 的自己的矢量瓷砖,网址如下“ http://192.168.1.4:3001/services/postgis/cleantech2/geom/vector-tiles/{z}/{x}/{y}.pbf

我尝试使用 mapbox-gl.js 渲染地图,但没有显示。

我做错了吗?谢谢

编辑1:

调试 mapbox-gl-js 代码后,现在可以看到几个圆圈。我修改了样式,来自pbf的源层名称必须是正确的。

但没有显示所有的点,似乎被过滤了?

稀疏的圆圈

编辑2:将最大缩放更改为22,显示所有数据。让我们喝!

0 投票
2 回答
1907 浏览

mapbox - 在 MapBox GL API 中使用 ArcGIS 地图服务?

有人可以提供代码示例以将 ArcGIS Map Service 使用到 MapBox GL API 中吗?谢谢!