javascript - 有没有办法使用 react-leaflet 添加 MultiPolyline 组件？

Question

我正在尝试使用传单实现 OpenSteetMap 视图。我为此创建了一个POC。

var map = L.map('map').setView([9.89445, 76.71272], 12).addLayer(osm);
var latlngs1 = [
    [[9.84644243, 76.81231223],
    [9.91437659, 76.82216573]],
    [[9.86079307, 76.69274206],
    [9.9061336, 76.69914242]]
];
var latlngs2 = [
    [[9.91437659, 76.82216573],
    [9.86079307, 76.69274206]]
];
var polyline1 = L.multiPolyline(latlngs1, {color: 'red'}).addTo(map);
var polyline2 = L.multiPolyline(latlngs2, {color: 'green'}).addTo(map);

由于我使用 Reactjs 来创建应用程序，因此我开始使用提供反应组件的 react-leaflet 库。

但我无法在 react-leaflet 中找到 MulitPolyline 组件。Doc似乎不支持 MultiPolyline。

有没有办法在 React 中添加这个组件？

标签： javascriptreactjsleafletopenstreetmapreact-leaflet

Answer 1

将传单库更新到最新版本。而不是 multiPolyline 使用 polyLine 并且它工作正常

var map = L.map('map').setView([9.89445, 76.71272], 12).addLayer(osm);
var latlngs1 = [
[[9.84644243, 76.81231223],
[9.91437659, 76.82216573]],
[[9.86079307, 76.69274206],
[9.9061336, 76.69914242]]
];
var latlngs2 = [
[[9.91437659, 76.82216573],
[9.86079307, 76.69274206]]
];
var polyline1 = L.polyline(latlngs1, {color: 'red'}).addTo(map);
var polyline2 = L.polyline(latlngs2, {color: 'green'}).addTo(map);

http://jsfiddle.net/jeffjohny/wnrkq13o/1/