在反应传单上使用Leaflet插件

Question

我正在使用react-leaflet构建一个ReactJs应用程序。 问题是有很多Leaflet插件不支持react-leaflet。

我尝试使用此插件
http://kartena.github.io/Leaflet.zoomslider/

在这种情况下，有人可以提出解决方案吗？

Answer 1

大多数Leaflet插件都没有React组件。您可以从Leaflet插件中获取React-Leaflet create custom components。

Answer 2

我打算说你通过获取地图对象的引用来做到这一点，但我不认为需要它。但是我已经把它留在了这个回复的基础上，因为这是一个非常有用的事情。

尝试以下方法：

var map = L.map('map', {
          zoomsliderControl: true,
          zoomControl: false,
          layers: [layer]
      }).setView([57.7, 11.9], 8);

地图＆＃39;是Map元素的id。

=========================================== 在Map元素上获取对地图对象的引用。

<Map ref={(m) => this.leaf = m} etc...>

然后在你的反应组件中。 你有componentDidMount =（）=＆gt; {

使用地图对象添加滑块

var map = this.leaf.leafletElement;