leaflet -draw绘制的polygon怎么获取中心点位置
时间: 2024-03-17 22:43:37 浏览: 170
要获取Leaflet.draw绘制的多边形(polygon)的中心点位置,可以使用以下步骤:
1. 获取多边形的所有坐标点(经纬度),可以使用`getLatLngs()`方法。
2. 计算多边形的重心(中心点)位置,可以使用以下公式:
- 多边形重心x坐标 = (所有顶点x坐标之和)/ 顶点数量
- 多边形重心y坐标 = (所有顶点y坐标之和)/ 顶点数量
其中,顶点数量即为多边形的边数。
3. 将计算出来的重心位置作为中心点位置,即可获取多边形的中心点位置。
下面是一个示例代码,演示了如何获取Leaflet.draw绘制的多边形的中心点位置:
```javascript
// 获取绘制的多边形
var polygon = L.polygon(latlngs).addTo(map);
// 获取多边形的所有坐标点
var latlngs = polygon.getLatLngs();
// 计算多边形的重心(中心点)位置
var center = L.latLngBounds(latlngs).getCenter();
// 输出中心点位置
console.log(center);
```
在上面的代码中,`latlngs`是多边形的所有坐标点,`L.latLngBounds(latlngs)`用于创建一个包含所有坐标点的边界框对象,`getCenter()`方法用于获取该边界框的中心点位置。最后,将计算出来的中心点位置输出到控制台。
阅读全文