geolocation - Leaflet.js中的L.polygon边界

Question

我在 map 中有几个标记，我想用不同的颜色给 map 内的区域上色。我已经尝试过L.multiPolygon，L.polygon和L.rectangle，但是我什么都没有做。我猜我唯一的选择是计算所有标记的边界并基于这些点绘制多边形，对吗？

这里的代码

<c:forEach var="marker" items="${markers}" varStatus="rowIndex">
        var marker${rowIndex.index} = L.marker([${marker.lat},${marker.lng}],{icon: yellowIcon,title: '${marker.title}'}).addTo(mymap)
        .bindPopup( "${marker.HTMLMarkerPopupCode}").openPopup();
        storeCoordinate(${marker.lat}, ${marker.lng}, polygonPoints);
</c:forEach>

 var polygon = L.polygon(polygonPoints);

polygon.setStyle({fillColor: '#0000FF'});
polygon.setStyle({color: 'red'});
polygon.setStyle({weight:1});   
polygon.setStyle({fillOpacity: 0.5});
mymap.addLayer(polygon); 

我想实现与这张图片相似的东西:

Answer 1

您也可以使用L.Polygon。

只是做这样的事情:

var polygon = L.polygon([
    marker1,
    marker2,
    marker3,
], {
   fillColor: '#f03' // My custom color here
}
).addTo(mymap);