javascript - 如何获取html5 map 区域的中心点？

Question

如何获取 HTML 5 map 区域的中心点？ 关于这个web page http://webven.ru/portfolio/istra/page.html有多边形，有很多坐标。如何获得中心点？

我试过下面的代码:

function calculateCenterPoint(areas) {
var maxX = 0,
    minX = Infinity,
    maxY = 0,
    minY = Infinity;
Array.prototype.forEach.call(areas, function (e) {
    var i = 0,
        coords = e.getAttribute('coords').split(',');
    while (i < coords.length) {
    var x = parseInt(coords[i++],10),
        y = parseInt(coords[i++],10);
    if (x < minX) minX = x;
    else if (x > maxX) maxX = x;

    if (y < minY) minY = y;
    else if (y > maxY) maxY = y;
    }
});
return {
    x: minX + (maxX - minX) / 2,
    y: minY + (maxY - minY) / 2
};}

但这并不适用于所有区域。

Answer 1

删除 else if (x > maxX) 和 else if (y > maxY) 中的 else。

问题是在循环的第一次迭代中，两个条件都可以(并且将会)为真。