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

Question

我正在尝试使用传单实现 OpenSteetMap View 。我创建了一个POC for the same .

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 组件的 React-leaflet 库。

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

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

Answer 1

将传单库更新至最新版本。使用 polyLine 而不是 multiPolyline，它工作得很好

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/