谷歌地图v3缩放以适合所有标记(路径)功能

Question

我在js小提琴上放了一个小片段,这样你就可以看到我正在使用的东西.

基本上我试图连接一个"缩放"按钮,这样一旦创建了一个路径,你可以点击缩放按钮,地图缩放以适​​应路径.我找到的所有答案都有一系列我没有的标记.任何建议将不胜感激.

http://jsfiddle.net/A3NBZ/

Answer 1

嗯,实际上你确实有一系列标记!Polyline当用户点击地图时,它存储在您正在创建的内容中.要检索用户点击的点,只需使用Polyline.getPath().然后,您可以将这些点(如提到的geocodezip)添加到LatLngBounds对象,并用于google.maps.Map.fitBounds()将地图视图调整为给定的边界.

这是一个简单的缩放方法实现,基于您提供的代码示例(您可以看到它在这里工作).

function zoom() {
  var bounds = new google.maps.LatLngBounds();
  geodesic.getPath().forEach(function(latLng) {
    bounds.extend(latLng);
  });
  map.fitBounds(bounds);                    
}