react-leaflet 相关问题

Leaflet地图的React组件。

如何在传单控件中使用自定义图标？

我想用自定义按钮替换传单地图中的默认按钮，以便我可以在它们上应用我自己的样式和功能。按钮已创建并放置在地图和功能中...

javascript reactjs leaflet react-leaflet

回答 1 投票 0

如何将Leaflet Routing Machine与React-Leaflet 3结合使用？

react-leaflet 2.8.0 中的旧方法是使用 MapLayer 和 withLeaflet。但现在在反应传单中：从版本 3 开始，MapLayer 和 withLeaflet 已被弃用。我试图抓住

javascript reactjs leaflet react-leaflet leaflet-routing-machine

回答 2 投票 0

如何使用 React-Leaflettilelayer 的访问令牌而不将其暴露在前端？

以下是需要访问令牌的 React Leaflet TileLayer 组件的样子：这是需要访问令牌的 React Leaflet TileLayer 组件的样子： <TileLayer url='https://tile.jawg.io/jawg-sunny/{z}/{x}/{y}{r}.png?access-token=1234567890' attribution='<a href="https://jawg.io" title="Tiles Courtesy of Jawg Maps" target="_blank">© <b>Jawg</b>Maps</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' /> 但是即使我使用 .env 文件中的环境变量，例如 const jawgAccessToken = import.meta.env.VITE_JAWG_TOKEN <TileLayer url=`https://tile.jawg.io/jawg-sunny/{z}/{x}/{y}{r}.png?access-token=${jawgAccessToken}` attribution='<a href="https://jawg.io" title="Tiles Courtesy of Jawg Maps" target="_blank">© <b>Jawg</b>Maps</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' /> 而不是硬编码它，它仍然会暴露，因为我的 React 组件位于前端。如何在不暴露我的秘密令牌的情况下访问此瓦片层？我正在考虑从前端到后端进行中继，例如将 TileLayer 组件中的 url 替换为后端的 url，其中我通过向 Jawg url 发出 GET 请求然后返回来处理 GET 请求到前端。但我怀疑这是否足够，而且这似乎是一个足够常见的问题（肯定其他人需要使用tilelayer访问令牌而不暴露它们？）我希望有人能够对此问题提供最佳实践答案。谢谢！看起来“最佳实践”答案是在创建访问令牌时添加 URL 限制

reactjs leaflet react-leaflet

回答 1 投票 0

React Leaflet 中带有弹出窗口的 1k+ 标记的性能问题

我有一个带有 React Leaflet 库的 React 应用程序，我正在地图上的一个小镇上为每个建筑物显示一个标记。我总共有大约 5k 个标记和一个仅显示

leaflet react-leaflet

回答 2 投票 0

如何在单元测试中模拟useMapEvents（由react-leaflet提供）

我试图创建一个新的单元测试来模拟 UseMapEvents，但收到一条错误消息，指出“ReferenceError：初始化之前无法访问‘地图’”。有什么解决办法吗...

jestjs react-testing-library react-leaflet react-testing

回答 1 投票 0

如何在 React 应用程序中使用 Leaflet JS 创建人员查找功能

我正在构建一个企业人员查找应用程序。我的用例是：允许用户在地图上定位自己并标记他们的位置。然后设置他们将到达的半径英里数...