放大后如何集中地图中的热图区域？

Question

我正在使用谷歌地图 API 来显示热图。缩放一级后，我希望热图区域显示在地图的中心。我还附上了图片，您可以在地图底部看到热图。

render: function() {
    var results = this.model.get('results');
    if (!results)
            return this;

    var data = results[this.model.get('index')];
    if (!data)
            return this;

    if (!data.data.length) {
        data.data.push({
            count: 0,
            lat: 0,
            lng: 0
        });
    }
    showHeatMapData(data);
    var startTime = this.model.get("starttm");
    if(startTime >= 1436985000 && startTime <= 1437244199)
    {
        $("#pichart").show();
    }
    else
    {
        $("#pichart").hide();
    }

    this.heatmap.setData(data);
    this.map.setZoom(20);
    return this;
}

Answer 1

缩放地图并使其适合所有点：

this.heatmap.setData(data);
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < data.length; i++) {
    bounds.extend(data[i]);
}
this.map.fitBounds(bounds);

Answer 2

试试这个：

this.heatmap.setData(data);

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

for (var i = 0; i < data.length; i++) {
    bounds.extend(data[i]);
}

this.map.setCenter(bounds.getCenter());
this.map.setZoom(20);

Answer 3

我猜你有一个经度和纬度包含数组 有些东西看起来像

 var locationarray = [];

 locationarray[0] = new google.maps.LatLng(13.74428, 100.5404525);
 locationarray[1] = new google.maps.LatLng(13.744108, 100.543098);

现在，当您加载完其他功能后，您可以简单地从您的位置数组中设置地图中心，就像这样

map.setCenter(locationarray[0]);

希望对你有帮助。