问题标签 [react-leaflet]

当它应该是您按下以打开的按钮时，它看起来像这样。我正在将 react-leaflet 与 mapzen 的传单地理编码器一起使用。

React-leaflet 很好地提供了将内容放入Popup标记中的能力。

例如在我的例子中：

但是，如果此内容太大，可能会变得笨拙，尤其是在移动设备上。我想在单击标记时激活（引导）模态界面。有没有办法在反应传单中做到这一点？

反应传单需要 lat 和 lng 以在地图中显示所需的位置。我如何从给定地址计算纬度和经度？我需要两个地址的 lat 和 lng。

我是否必须使用地理编码器并在其中包装 renderMap 函数？在我的代码中，我想要 cityOrigen 和 cityDestino 的 lat 和 lng。

我使用 react-leaflet 来显示地图。我也使用传单路由机进行路由。路线显示正确，但标记未被汽车图标覆盖。我尝试使用 divIcon 对路由和 react-leaflet 进行覆盖标记，但还没有成功。

这是我的代码

汽车结果.js

main.css

我错过了什么吗？

更新

路由现在也被破坏了，但标记仍然没有被汽车图像覆盖。

当我尝试使用库(L.MapMarker and L.ArcedPolyline)在反应组件中添加层时，出现以下错误：Leaflet-Dvf

Leaflet-dvf 参考：https ://github.com/humangeo/leaflet-dvf

尝试了所有可能的依赖项，但仍然出现相同的错误。纯 html 中的相同代码工作正常，错误仅出现在 React 组件中。

下面是代码：

错误截图：

我的应用程序使用 areact-leaflet来生成带有标记和弹出窗口的地图。我需要通过<Link/>来自react-router.

但是通过链接我得到一个错误：

在路由器上下文之外呈现的 <Link> 无法导航。

这是因为打开的 Popup 的内容从路由器上下文中移除并放在下面。

我想，我可以放入router.push()Popup。但也许可以使用 a<Link/>吗？

谢谢！

设置 Map 组件的宽度有效，但高度似乎只响应以像素为单位的绝对大小。

是否可以使地图控件自动消耗父元素内的可用空间？

I am trying to use leaflet in react ..I take reference of this module https://github.com/PaulLeCam/react-leaflet https://www.npmjs.com/package/react-leaflet but it not show map why ?

here is my code https://plnkr.co/edit/pTpPxhEFqouMrLTrKUFq?p=preview

// Code goes here

我开始使用 react-leaflet 并且遇到了一个问题：在我的应用程序中，用户填写了一个表单，然后请求一个返回 GeoJSON 的休息服务，然后将其作为新图层添加到我的地图上。我的问题：如何在 react-leaflet 中实现动态添加图层？

谢谢你。

如何获得标记集合的边界，以便这些边界可用于显示react-leaflet地图上的所有标记？这是我的渲染功能：

标记添加到this.state.markers：

标记正在显示，但我希望调整地图的边界和中心，以便标记很好地适合地图的视口并具有一定的填充量。

关于如何做到这一点的任何想法？

编辑：这是我的导入声明：import {Map, Marker, Popup, TileLayer} from 'react-leaflet';