Question

如何获取HTML 5地图区域的中心点？在这个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和else if (x > maxX)中的else if (y > maxY)。

问题在于，在循环的第一次迭代中，两个条件都可以（并且将）为真。

如何获得html5地图区域的中心点？

1 个答案: