react-leaflet 相关问题

通过带有reactjs和传单的新地图单击动态更新折线

我是Reactjs和Leaflet的新手，正在构建“路由映射”应用程序。当前，点阵列（mapPoints）中有1-2个点，每次单击地图时都会更新。 （...

在用于图纸地图标记的useState情况下未定义反应传单的第一个对象

我正在尝试遍历已从Locations和Lat / Lng对的CSV文件解析的对象。但是，当我循环遍历此对象时，第一个循环将返回所有值为...

如何在react-leaflet中调用fitBounds和getBounds？

我不知道如何在Leaflet地图上调用fitBounds（）。基本上，我试图在地图上显示多个标记，并相应地调整视图（放大，缩小，飞向等）。 i ...

添加css后没有出现反应叶

我在rc-tabs组件内部有一个map组件，从“ react”导入React；从“ react-leaflet”导入{Map as LeafMap，TileLayer，Marker，Popup}； const Map =（）=> {return（

事件处理程序功能，如onload和onLocationfound均不起作用，功能尚未执行

我正在尝试通过以下代码获取当前用户位置：const OSMap：React.FC =（）=> {const [mapState] = useState（{lat：51.505，lng：-0.09，zoom：13} ）const ...

React-leaflet geojson onEachFeature popup with custom react component

我正在尝试在react-leaflet GeoJSON onEachFeature弹出窗口中呈现自定义的react组件。使用所有相应的feature.properties触发模态。在弹出的react-leaflet组件中，它可以正常工作...

在使用react中使用leaflet.canvaslayer.field.js

我已经尝试使用标准html中的leaflet.canvaslayer.field.js插件来显示一些GeoTiff，现在，我希望获得一些帮助，以了解如何将代码移植到react组件中。 ...

如何在PostgreSQL中保存地图？

我目前正在开发用于制作地质图的应用程序。我将Ruby on Rails用于后端，将React用于前端，并将Postgres用于数据库。我正在使用React Leaflet显示...

具有功能组件和ImageOverlay的反应叶

这是我第一次使用Leaflet，因此在尝试理解文档时有些困惑。我正在尝试通过使用ImageOverlay组件来创建带有react-leaflet的自定义地图。我是...

使用React，Leaflet，leaflet-pixi-overlay，点击后立即关闭标记弹出窗口

我正在React下制作传单地图。出于性能原因，我不得不使用PixiOverlay绘制标记（https://github.com/manubb/Leaflet.PixiOverlay）。我面临弹出式窗口的问题...

React-leaflet自定义组件-上下文未传递？

我正在为react-leaflet编写一个自定义组件。这是一个可编辑的弹出窗口，具有其他一些功能。这是一个示例的codeandbox。.组件的源代码在这里。此示例...

将GeoJSON文件导入React-Leaflet

我正在尝试导入GeoJSON文件以进行如下所示的react-leaflet：从*。/ data / bar.geojson导入*作为条形； ... function Foo（）{return（ ] ] >>

如何使用Typescript + react-leaflet创建geojson元素（并将其用于地图中）

我正在尝试从Typescript中的Feature创建一个react元素，但没有成功。 （我正在使用react-leaflet + Typescript）对于常规js，我只需要执行以下操作：

如何通过Jest和react-testing-library在子组件上触发click事件

我一直在尝试编写一个测试，以确保单击标记时（从传单中），更多详细信息将显示给用户。 Marker组件是Map组件的子级。到...

React-leaflet：如何更新标记位置？

我不明白如何使用react-leaflet正确更新标记。使用这个例子：从'react'导入React；从'react-dom'导入{render};从'react-redux'导入{connect}； ...

React-Leaflet：将地图控件组件放置在地图之外？

这是我另一个问题的更广义的版本：从react-leaflet中的地图中删除Zoom控件。 React-leaflet带有一些控制地图的组件-即

如何获得当前的传单地图缩放级别？

我正在尝试实时获取地图的缩放级别，以创建一个将缩放锁定为当前值的按钮。我曾尝试使用getMapZoom和getZoom，但都给了我一个未定义的值。我...

LayersControl.Overlay复选框切换状态更新的变量

这个问题是在询问信息。我浏览了LayersControl.Overlay文档，在使用此代码段时， [[] [ 首先，您需要了解react-leaflet的工作原理-它只是对Leaflet.js的包装。因此，在某些情况下，您无法直接控制UI元素及其行为。在这种情况下，您只能切换复选框抛出Leaflet控件然后听会发生什么，就像 //If you turn on layer map.on('overlayadd', this.setState({ variableToBeChanged : true })); //If you turn off layer map.on('overlayremove', this.setState({ variableToBeChanged : false }));

为什么renderToString在渲染Material-UI组件时引发关于useLayoutEffect的错误？

我正在使用React v.16.12.0和@ MaterialUI / core v4.8.1。我正在尝试为React Leaflet Marker创建自定义图标。该图标是Material-UI中的Fab组件。为此，我需要传递HTML ...

从react-leaflet的地图中删除缩放控件

我正在构建一个react-leaflet应用程序，并且我试图将缩放控件与地图本身分开。在这里，在普通传单环境中也提出了相同的问题：将控件放置在...