javascript - 适合添加到 map 的所有点

Question

我刚刚使用 Wordpress 创建了动态谷歌地图。

现在我正在寻找一种方法，在我在谷歌地图上生成所有点之后，重新居中/缩放 map 以将所有生成的点放入容器中，比方说，每边都有 10% 的边距.

我搜索了 API，但没有找到看起来有用的东西。

有没有办法做到这一点，还是我需要一个片段？

PS:我正在使用带有 Javascript 的 API V3(通过 PHP 填充 map )。

Answer 1

您必须循环标记数组并扩展边界。此示例假定您之前使用添加到 map 的每个标记填充了一个 markers[] 变量。

var bounds = new google.maps.LatLngBounds(),
    markerIndex = 0;
for (markerIndex; markerIndex < markers.length; markerIndex++) {
    var marker = this.markers[markerIndex];
    bounds.extend(marker.position);
}
map.fitBounds(bounds);