漏刻有时百度地图API实战开发(3)自动获取地图多边形中心点坐标

1. 漏刻有时百度地图API实战开发(1)华为手机无法使用addEventListener click 的兼容解决方案
2. 漏刻有时百度地图API实战开发(2)文本标签显示和隐藏的切换开关
3. 漏刻有时百度地图API实战开发(3)自动获取地图多边形中心点坐标
4. 漏刻有时百度地图API实战开发(4)显示指定区域在移动端异常的解决方案
5. 漏刻有时百度地图API实战开发(5)区域限制移动端鬼畜抖动的解决方案
6. 漏刻有时百度地图API实战开发(6)多个标注覆盖层级导致不能响应点击的问题
7. 漏刻有时百度地图API实战开发(7)JavaScript开源库几何运算判断点是否在多边形内（电子围栏）
8. 漏刻有时百度地图API实战开发(8)圆形区域周边搜索地图监听事件(覆盖物重叠显示层级\图像标注监听事件、setZIndex和setTop方法)
   
   在百度地图中，多边形覆盖物表示地图上的多边形区域。这些区域可以是封闭的，也可以是开放的。多边形覆盖物通常用于表示地图上的行政区划、地标或任何需要强调的区域。

多边形覆盖物拥有自己的地理坐标，并能随着地图的拖动或缩放而相应地移动。在创建多边形覆盖物时，需要提供多边形的顶点坐标，并可以通过调整顶点顺序或添加新的顶点来编辑多边形的形状。

需要注意的是，同一时刻在地图上只能有一个信息窗口打开。对于需要展示更多信息的多边形覆盖物，可以考虑使用信息窗口或其他覆盖物类型。

在百度地图API中，可以使用Polygon类来创建多边形覆盖物。

绘制多边形

   // 创建多边形
    var path = [
        new BMap.Point(113.927143, 22.766675),
        new BMap.Point(113.946116, 22.746145),
        new BMap.Point(113.960776, 22.768807),
        new BMap.Point(113.944103, 22.773073),
        new BMap.Point(113.914208, 22.770407)
    ]

    var polygon = new BMap.Polygon(path, {
        strokeColor: 'blue',
        strokeWeight: 2,
        strokeOpacity: 0.5
    });

计算多边形中心点

/*
    * path,返回多边型的点数组,Array<Point>
    */
    function getCenterPoint(path) {
        var x = 0.0;
        var y = 0.0;
        for (var i = 0; i < path.length; i++) {
            x = x + parseFloat(path[i].lng);
            y = y + parseFloat(path[i].lat);
        }
        x = x / path.length;
        y = y / path.length;
        //console.log(x);
        //console.log(y);
        //console.log(x+','+y);

        var Point = new BMap.Point(x, y);

        // 创建点标记
        var marker2 = new BMap.Marker(Point);
        map.addOverlay(marker2);
    }

---

@漏刻有时