react-leaflet 相关问题

Leaflet地图的React组件。

如何从地理服务器中的卫星图像 tif 中删除无数据区域?

我想要渲染 tif 图像以反应传单 wms 层没有白色区域它似乎没有数据区域 我尝试将 SLD 设置为透明这些区域,但它不起作用 那个区域使我的图像分离.. 请帮助。

回答 0 投票 0

React Leaflet 更新位置

我有一个关于 React Leaflet 的问题。我现在正在尝试使用 React 框架构建 PWA,我需要使用地图,因此需要使用 React Leaflet。 所以这是情况: 我需要在...时加载地图

回答 1 投票 0

Leaflet React 在功能组件中获取地图实例

我想在地图外有一个按钮,可以将视图更改为另一个坐标。 有没有办法让 mapContainer 实例调用它们的函数?或者我该如何实现该功能? 我...

回答 4 投票 0

React Leaflet 地图渲染遍及页面

我对 React 和 Leaflet 还很陌生。我已经让 Leaflet 在一个简单的 HTML 页面中工作得很好。所以现在我正在尝试使用 React 制作一个更加动态的网站。 我遇到的问题是...

回答 1 投票 0

esri-leaflet-geocoder 在旧版本和当前版本中都有错误

我试图根据项目地址在地图上绘制点,但现在在测试时我只是将地图的视图放在该位置上。我在网上找到了一些资料...

回答 1 投票 0

未处理的运行时错误:未提供上下文:useLeafletContext() 只能用于 <MapContainer>

我想让用户在 Leaflet 地图上创建区域多边形。我已经看到一些很好的例子,人们在 React 和 JS 中创建它(比如这个:https://codesandbox.io/s/react-leaflet-draw-ex...

回答 0 投票 0

刷新页面时未定义带有 react-leaflet 窗口的下一个 js

我在 Next js 中使用 react-leaflet,但是当重新加载页面时显示“窗口未定义”,即使我正在使用带有 ssr:false 的动态导入, 我在这里看到其他人提出的这个问题并尝试了......

回答 4 投票 0

Error: .map is not a function ... Can't get polygon search function to display results from API call

我对代码没有经验,这可能是我犯这个错误的原因-我不知道我在这里发布的代码是否正确,所以请原谅我的新手.. 但无论如何我都在努力使这项工作......

回答 0 投票 0

获取多边形搜索功能时遇到问题将不会显示 create-react-app 中 API 调用的结果

我对代码没有经验,这可能是我犯这个错误的原因-我不知道我在这里发布的代码是否正确,所以请原谅我的新手.. 但无论如何我都在努力使这项工作......

回答 0 投票 0

传单地图如何将选中的地图保存到本地存储

我在地图上有 3 个图层,但是当我选择并刷新地图时,它总是显示 默认一种任何方式显示用户选择的地图,即使页面被重新加载 var defaultMap = window.L.tileLay...

回答 0 投票 0

如何在 openstreetmap 上隐藏街道和建筑细节

我正在使用 javascript navigator.geolocation 获取当前位置的坐标,然后将其传递给 react-leaflet 以在 OpenStreetMap 上添加标记。每个使用我正在开发的门户网站的人都会......

回答 1 投票 0

React 传单 Canvas

我正在尝试使用传单标记方法绘制大约 50K 点,但由于需要时间渲染和 ram,这是不可能的。 我看到的新方法是用Leaflet-canvas在屏幕上画点'...

回答 2 投票 0

如何通过点击leaflet js地图动态添加标记

我想通过使用 react-leaflet 在地图上单击来动态添加标记。 在这段代码中,我应该做些什么来添加该功能。 我想通过使用 react-leaflet 在地图上单击来动态添加标记。 在这段代码中,我应该做些什么来添加该功能。 <MapContainer center={position} zoom={8} scrollWheelZoom={true} style={{ height: "100vh", width: "100%" }} > <TileLayer attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' url="https://api.maptiler.com/maps/basic-v2/256/{z}/{x}/{y}.png?key=INhIiarNdRvjpXL4KRsE" /> </MapContainer>

回答 0 投票 0

无法在 NextJS(react-leaflet)中找出传单

所以基本上我只想在我的 NextJS 地图中显示一个简单的传单地图。问题是我想要显示地图的 div 保持为空(我将 .leaflet-container 高度 wnd 宽度设置为...

回答 0 投票 0

尝试使用 React-Leaflet(T3 堆栈)构建 nextjs 时出错

我在尝试将 react-leaflet 与 nextjs 集成时遇到了一些麻烦。当我在 index.tsx 文件中使用地图时,我使用动态导入。当我使用“pnpm dev / ru ...运行应用程序时,这工作正常......

回答 0 投票 0

Map 在使用 react-leaflet 初始化时不可见

我有这个反应组件: 从“反应”中导入反应,{片段}; 从“传单”中导入 L; import { Map, TileLayer, Marker, Popup } from 'react-leaflet'; 导入“传单/dist/leaflet.css”; 合作...

回答 3 投票 0

拖动后在 react-leaflet 中显示标记的当前位置

我需要一个可拖动的标记,它在拖动完成后设置(现在记录)它的位置。 我遵循了官方文档: https://react-leaflet.js.org/docs/example-draggable-marker/ 常量中心 ...

回答 2 投票 0

如何将谷歌地图样式添加到传单js?

我正在尝试将谷歌地图样式添加到传单中,但我对如何做感到困惑 在传单中,tilelayer url是这样的。如何在谷歌地图样式上获得这样的 tilelayer? 我没有...

回答 0 投票 0

如何避免 useEffect 内部的无限循环与 dispatch() 一起工作?

我正在做一个项目,其中有一个包含多个属性的列表。每个属性都有名称、纬度、经度等数据。 在屏幕的一侧,我呈现了显示专业人士的列表......

回答 3 投票 0

How to add Markes to a Leaflet-map with coordinates from database in Next.js?

我必须显示数据库中所有位置的标记。目前我只能显示一个标记。 我映射了数据库中的数组,但我不知道如何连接这两个。我会...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.