react-leaflet 相关问题

将 React 组件渲染为带有工作事件/交互的 React-leaflet 中的自定义标记图标

const IconGen = ({传入数据}) => { const [dataMap, setDataMap] = useState({}); 常量 dataMapTemp = {}; 传入Data.BandData.forEach((每个) => { 数据映射T...

React-Leaflet 搜索框实现

是否有任何资源显示使用react-leaflet实现搜索框？ 我想让我的地图图钉填充在搜索结果上，以查询和检索我的现有数据。 IE： c...

反应传单和反应传单绘制

我正在尝试在传单地图上实现绘制功能。我创建了一个仅安装了react-leaflet的新应用程序，使用npx create-react-app并安装了以下软件包： npm 安装重新...

如何在React Leaflet中获取Map.Locate上的GeoJSON功能

我正在使用导入的 GeoJSON 数据创建地图。我正在尝试创建一个“查找我”按钮，该按钮将缩放到用户的位置并获取与封闭区域关联的属性（由

React 应用程序中的地图显示不正确

我正在尝试使用react-leaflet将地图对象插入到我的React应用程序中，但我在下面的屏幕上得到了这样的结果。 在此输入图像描述 所以这是我使用的代码...

React-Leaflet GeoJSON 工具提示出现在两个地方 - 如何修复？

我正在使用 React-Leaflet，并且遇到了 GeoJSON 层中的工具提示问题。我使用 onEachFeature 函数使用带有 Sticky: t...

如何从react-leaflet Marker传递和获取额外的数据/值？

我正在使用react-leaflet向地图添加一组标记。目前我可以使用自定义图标在地图上显示标记。如何向每个标记添加数据记录。我想我必须以某种方式

“MapControl”未从react-leaflet V3.0.0中的“react-leaflet”导出

尝试使用react-leaflet 3.0.0版本来实现react-lealfet-draw。 它抛出一个错误 /node_modules/react-leaflet-draw/dist/esm/EditControl.js 尝试导入错误：“MapControl”未公开...

如何停止 MapContainer 子级的自定义 React 组件的点击传播

我已经为地图创建了一个自定义控件反应组件，如下所示： 导出 const MapZoom = () => { 常量映射 = useMap() const handleButtonClick = () => { 地图.zoomIn() } ...

向react-leaflet标记组件添加新属性的TypeScript问题

我正在尝试将额外的属性计数传递到react-leaflet提供的Marker组件中。 但是，我们收到一个错误 类型 '{ 子元素：元素；位置：[号码，号码]；关键：nu...

在react-leaflet中点击地图时如何获取地址（街道、房屋等）？

当您点击地图时，有必要显示地址（街道、房屋等）。现在当你点击时，我就有了纬度和经度。 如何实施？发送带有纬度的请求...

在构建过程中出现 ReferenceError: window is not Defined 错误反应传单

我在我的nextjs项目中使用react-leaflet。该项目在开发模式下运行完美，但是当我尝试构建它时，它给出了 ReferenceError: window is not Defined。我也在 dynam 中使用 ssr 作为 false...

将 osm 映射转换为 mbtiles

我正在开发一个完全离线的项目（Windows），前端处于反应状态，我使用react-leaflet库显示底图，并且我通过节点后端fr提供底图...

react-leaflet基本示例渲染

我第一次使用传单和反应传单，并在这里使用他们的基本示例 并且地图被分成多个部分，其中一半不可见。 我第一次使用传单和反应传单并使用他们的基本示例这里 地图被分成多个部分，其中一半不可见。 <MapContainer center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}> <TileLayer attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> <Marker position={[51.505, -0.09]}> <Popup> A pretty CSS3 popup. <br /> Easily customizable. </Popup> </Marker> </MapContainer> 使用的版本是 传单：1.9.4 反应传单：4.2.1 反应：18.2.0 您只需要导入leaflet CSS文件并设置MapContainer的高度和宽度，类名为leaflet-container // Component file import "leaflet/dist/leaflet.css" // CSS file .leaflet-container { height: 100vh; width: 100%; } 别忘了安装传单包 npm install leaflet

React Leaflet 标记图标未显示我的 next.js 应用程序

我正在使用 React leaflet 我的 next.js 应用程序。React Leaflet 标记已损坏（参见图像）。我正在使用自定义市场，但不起作用。我已经整理了一个非常简单的 React / Leaflet 演示，但标记图标是......

ReactJS 同时执行 if 和 else 语句

我正在尝试使用 React Leaflet 构建这个小项目，其中通过在 leaflet-geosearch 搜索栏搜索某个城市，点击它后，应该会弹出一个表单，询问一些信息

Leaflet for React：将 Leaflet 的覆盖图转换为 Leaflet for React

我有以下用于传单的代码： const TileLayerNOAA = L.TileLayer.extend({ getTileUrl(坐标) { var z = coords.z -2; 如果 (z<0) z=0; return 'https://gis.charttools...

Leaflet-geosearch 通过 JSON 实现

我遇到了一个问题，无法在搜索字段中连接我的 JSON 列表。我找不到如何正确更改提供程序（const provider = new OpenStreetMapProvider()）的解决方案，以便它

我应该如何迁移现有的Leaflet脚本以上传kml文件以在React-Leaflet中运行

我想知道如何迁移下面的javascript代码（插件）以在React中运行。它允许将 kml 文件上传到以 html 运行的传单，但在 React-Leaflet 中不起作用 https://www.npmjs.com/

如何从react-leaflet打印图像？

我正在尝试从反应传单地图打印图像，你有解决方案吗？ 函数 MapLeaflet(props) { const [adressArray, setAdressArray] = useState(false); const [位置，setPosition] = 我们...