Leaflet JS（react-leaflet） - 用透明颜色填充的边框

Question

我正在使用react-leaflet包，但是，如果你能回答普通传单中的问题也会有所帮助。

我成功地平移到我提供的多边形边界：

<Map center={position}
                 zoom={13}
                 bounds={this.state.bounds}
                 className="campaignimagery-map">
                 <TileLayer
                    url="http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                    attribution=""
                 />

但是，我希望整个多边形边界框都是透明的颜色，这样他们就可以准确地看到边界框在地图上的位置。这可能吗？

Answer 1

简短回答

使用边界绘制一个彩色矩形，如L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo(map);。有关详细信息，请参阅相关的documentation。

<强>解释

我认为不可能按原样着色边界，但您可以使用边界绘制多边形。然后可以根据需要对多边形本身进行着色和管理。