问题标签 [maplibre-gl]

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 投票
0 回答
62 浏览

mapbox - 使用 maplibre-gl-js 渲染 Mapbox 矢量图块

我正在尝试使用带有以下代码的 maplibre-gl-js 库来渲染 Mapbox Vector Tiles:

它可以工作,但所有 Mapbox 请求都在 Mapbox 的统计中列为“Web 地图加载”。

有没有办法仅使用 Mapbox Vector Tiles API 将 Mapbox 矢量切片与 maplibre 一起使用?

0 投票
0 回答
50 浏览

javascript - MapLibre 如何使用来自 API 的数据突出显示我的图层

MapLibre用来创建一个背景图如下:

我如何才能将我的链接与来自 API 的数据联系起来?或者如何在 addSource 中添加这些数据

0 投票
1 回答
17 浏览

mapbox - 线在随机点突然断开

在 Mapbox 中使用 Vector Tiles 渲染一些线条时,我遇到了屏幕截图中显示的那种伪影。我以前从未见过或经历过这样的故障。关于可能导致什么或如何减轻它的任何想法?

在此处输入图像描述

0 投票
1 回答
119 浏览

javascript - 如何获取 MapLibre 图层属性?

请帮忙,我已经痛苦了5天了。我怎样才能得到所有layer IdsMapLibre地图?

这是我定义地图的方式MapLibre

0 投票
0 回答
40 浏览

javascript - 如何更新地图要素属性

我已经将我的地图映射如下。映射后,我为我的地图功能添加了一些属性。那么我该如何更新这张地图。我试试这个map.getSource('lines').setData(responseData),但我得到了两个重叠的地图。任何帮助表示赞赏。

向已映射的地图添加一些属性。

添加属性后更新地图

但我没有更新地图,而是得到了两张重叠的地图。请问我该如何解决?

0 投票
0 回答
16 浏览

reactjs - 在 Github.io 上部署 React

我已将存储库https://github.com/mapbox/mapbox-react-examples的示例应用于 maplibre: https ://github.com/astridx/maplibre-react-examples

在本地,一切正常。

最后,我运行npm run build并将构建目录中的文件复制到astridx.github.io。基本示例在这里:https ://astridx.github.io/maplibre-react-examples/basic/

该应用程序无法在 astridx.github.io 上运行。并且控制台中有错误。但我不确定错误到底在哪里。

首先,我认为问题在于 Maplibre。这就是为什么我也在这里提问的原因:https ://github.com/maplibre/maplibre-gl-js/discussions/675

也许有更多经验的人可以给我一个提示,我在部署中的错误在哪里。

0 投票
1 回答
75 浏览

javascript - maplibre-gl - 集群源不呈现某些功能

我有一个具有 500 多个功能的集群 geojson 源。我为此源添加了两个层:一个用于在没有时渲染单个功能point_count,另一个在有时point_count(基于文档中的此示例:https ://maplibre.org/maplibre-gl-js-docs/example/cluster /)。

问题是,无论我放大多远,某些特征(主要是特征数组的末尾)根本不会呈现为集群或单个圆圈。

这是一个显示问题的示例:https ://codepen.io/kaveh/pen/NWaaOaQ 。

红色圆圈分别来自一个单独的非聚集源和层,分别称为stationsand stations-single,它们表明所有特征实际上都可以被渲染。该图层有一个单击事件,该事件在弹出窗口中显示坐标。

聚集源(称为clustered-stations)及其层位于第 6121 行之后,并以蓝色/绿色阴影呈现。

如果您单击地图底部的“缩放到丢失的车站”,它会将地图缩放到车站 353,stations-single以红色渲染,而不是clustered-stations。如您所见,clustered-stations图层中的其他一些站点渲染得很好。

我的集群图层或其过滤器的样式有问题吗?或者这是一个错误maplibre-gl(并且可能mapbox-gl,虽然我没有用 mapbox 测试过)?

0 投票
0 回答
23 浏览

javascript - 在 Javascript 中转换二进制数据

大家好。我正在使用 maplibre-gl-js 在 web 地图项目上工作。我可以使用上面的代码向我的地图添加一个图标,但我想从我的数据库中获取图像并且图像存储为二进制格式。如何转换为这个二进制数据来添加我的地图?

0 投票
1 回答
27 浏览

react-native - 如何在 React Native CLI 中安装 MapLibre-gl

我正在尝试在 react native CLI 中安装 MapLibre-gl,但我找不到任何有用的文档或任何分步指南,我发现的只是一些导致许多错误的复杂内容。

我需要一些关于如何安装它的解释,因为它没有 npm。

谢谢你。

0 投票
0 回答
4 浏览

javascript - MapLibre - 在不缩放到位置的情况下触发地理定位

有没有办法geolocate在地图没有缩放到设备有位置的地理位置(如谷歌地图那样)的情况下启动服务?

设置fitBoundsOptions为空似乎没有帮助。