有什么方法可以使用 react-leaflet 添加 MultiPolyline 组件吗?
Is there any way to add MultiPolyline component using react-leaflet?
我正在尝试使用传单实现 OpenSteetMap 视图。
我创建了一个 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 中添加这个组件?
将传单库更新到最新版本。而不是 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);
我正在尝试使用传单实现 OpenSteetMap 视图。 我创建了一个 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 中添加这个组件?
将传单库更新到最新版本。而不是 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);