问题标签 [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.
mapbox - 使用 maplibre-gl-js 渲染 Mapbox 矢量图块
我正在尝试使用带有以下代码的 maplibre-gl-js 库来渲染 Mapbox Vector Tiles:
它可以工作,但所有 Mapbox 请求都在 Mapbox 的统计中列为“Web 地图加载”。
有没有办法仅使用 Mapbox Vector Tiles API 将 Mapbox 矢量切片与 maplibre 一起使用?
javascript - MapLibre 如何使用来自 API 的数据突出显示我的图层
我MapLibre
用来创建一个背景图如下:
我如何才能将我的链接与来自 API 的数据联系起来?或者如何在 addSource 中添加这些数据
javascript - 如何获取 MapLibre 图层属性?
请帮忙,我已经痛苦了5天了。我怎样才能得到所有layer Ids
的MapLibre
地图?
这是我定义地图的方式MapLibre
javascript - 如何更新地图要素属性
我已经将我的地图映射如下。映射后,我为我的地图功能添加了一些属性。那么我该如何更新这张地图。我试试这个map.getSource('lines').setData(responseData)
,但我得到了两个重叠的地图。任何帮助表示赞赏。
向已映射的地图添加一些属性。
添加属性后更新地图
但我没有更新地图,而是得到了两张重叠的地图。请问我该如何解决?
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
也许有更多经验的人可以给我一个提示,我在部署中的错误在哪里。
javascript - maplibre-gl - 集群源不呈现某些功能
我有一个具有 500 多个功能的集群 geojson 源。我为此源添加了两个层:一个用于在没有时渲染单个功能point_count
,另一个在有时point_count
(基于文档中的此示例:https ://maplibre.org/maplibre-gl-js-docs/example/cluster /)。
问题是,无论我放大多远,某些特征(主要是特征数组的末尾)根本不会呈现为集群或单个圆圈。
这是一个显示问题的示例:https ://codepen.io/kaveh/pen/NWaaOaQ 。
红色圆圈分别来自一个单独的非聚集源和层,分别称为stations
and stations-single
,它们表明所有特征实际上都可以被渲染。该图层有一个单击事件,该事件在弹出窗口中显示坐标。
聚集源(称为clustered-stations
)及其层位于第 6121 行之后,并以蓝色/绿色阴影呈现。
如果您单击地图底部的“缩放到丢失的车站”,它会将地图缩放到车站 353,stations-single
以红色渲染,而不是clustered-stations
。如您所见,clustered-stations
图层中的其他一些站点渲染得很好。
我的集群图层或其过滤器的样式有问题吗?或者这是一个错误maplibre-gl
(并且可能mapbox-gl
,虽然我没有用 mapbox 测试过)?
javascript - 在 Javascript 中转换二进制数据
大家好。我正在使用 maplibre-gl-js 在 web 地图项目上工作。我可以使用上面的代码向我的地图添加一个图标,但我想从我的数据库中获取图像并且图像存储为二进制格式。如何转换为这个二进制数据来添加我的地图?
react-native - 如何在 React Native CLI 中安装 MapLibre-gl
我正在尝试在 react native CLI 中安装 MapLibre-gl,但我找不到任何有用的文档或任何分步指南,我发现的只是一些导致许多错误的复杂内容。
我需要一些关于如何安装它的解释,因为它没有 npm。
谢谢你。
javascript - MapLibre - 在不缩放到位置的情况下触发地理定位
有没有办法geolocate
在地图没有缩放到设备有位置的地理位置(如谷歌地图那样)的情况下启动服务?
设置fitBoundsOptions
为空似乎没有帮助。