javascript - 放大后如何将热图区域集中在 map 上？

Question

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

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

缩放 map 并使其适合所有点:

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);