react-leaflet 相关问题

Leaflet地图的React组件。

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

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

javascript reactjs leaflet react-leaflet

回答 1 投票 0

如何在PostgreSQL中保存地图？

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

ruby-on-rails postgresql leaflet openstreetmap react-leaflet

回答 3 投票 0

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

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

reactjs leaflet react-leaflet

回答 1 投票 0

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

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

javascript reactjs leaflet pixi.js react-leaflet

回答 1 投票 0

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

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

reactjs webpack custom-component react-leaflet

回答 2 投票 2

将GeoJSON文件导入React-Leaflet

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

json reactjs leaflet geojson react-leaflet

回答 1 投票 1

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

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

javascript typescript leaflet react-leaflet

回答 1 投票 0

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

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

reactjs testing jestjs react-testing-library react-leaflet

回答 1 投票 0

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

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

reactjs redux react-redux leaflet react-leaflet

回答 1 投票 1

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

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

javascript reactjs custom-component react-context react-leaflet

回答 2 投票 0

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

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

reactjs leaflet react-leaflet

回答 1 投票 0

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 }));

javascript reactjs react-leaflet

回答 1 投票 0

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

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

javascript reactjs material-ui react-leaflet

回答 1 投票 0

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

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

reactjs leaflet react-context react-leaflet

回答 2 投票 0

将引用从子代传递到父代，再在React中将子代传递给子代

我正在尝试从孩子那里提取参考，并使其在我的应用中的其他位置可用。这是我的父组件：类App扩展了React.Component {setRef =（ref）=> {this ....