谷歌地图没有集中

时间:2014-04-12 12:34:42

标签: javascript google-maps

我正在使用的谷歌地图没有集中在我计算的平均点。 给出了初始化的代码。地图似乎缩小了很多,其中心远离我计算的中心。平均值出现在地图的最左上角。这有什么问题?

我在Bootstrap模式中显示地图。

function initializeMap()
{
var xMean = 0.0;
var yMean = 0.0;

for(var i=0;i<points.length;i++)
{
    xMean += parseFloat(points[i][0]);
    yMean += parseFloat(points[i][1]);
}

xMean /= parseFloat(points.length);
yMean /= parseFloat(points.length);

var myMean = new google.maps.LatLng(xMean, yMean);

var mapOptions = {
  zoom:17,
  center:myMean
}
map = new google.maps.Map(document.getElementById('map'), mapOptions);

var bounds = new google.maps.LatLngBounds();

for (var i = 0; i<points.length;i++) {
  path.push(new google.maps.LatLng(points[i][0],points[i][1]));
  bounds.extend(path[i]);
};

map.fitBounds(bounds);

//Displaying the markers
var marker;
for (var i = 0; i < path.length; i++) {  
    marker = new google.maps.Marker({
    position: path[i],
    map: map
  });
}

//Displaying the path
for (var i = 0; i<path.length-1; i++) {
    var start = path[i];
    var end = path[i+1];
    requestDirections(start,end);
}
}

1 个答案:

答案 0 :(得分:0)

使用:

map.fitBounds(bounds);
map.setCenter(bounds.getCenter());

您似乎覆盖myMean坐标