javascript – 如何设置Google地图缩放级别以显示所有标记?

如何设置缩放级别以显示Google地图上的所有标记?

在我的Google地图中,不同位置有不同的标记。我想根据标记的范围设置谷歌地图缩放级别(这意味着在谷歌地图的视图,我想看到所有的标记)

你去:

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps getBoundsZoomLevel Demo</title> 
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
           type="text/javascript"></script> 
</head> 
<body onunload="GUnload()"> 

   <div id="map" style="width: 400px; height: 300px"></div> 

   <script type="text/javascript"> 

   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      var markerBounds = new GLatLngBounds();

      for (var i = 0; i < 10; i++) {
         var randomPoint = new GLatLng( 39.00 + (Math.random() - 0.5) * 20, 
                                       -77.00 + (Math.random() - 0.5) * 20);

         map.addOverlay(new GMarker(randomPoint));
         markerBounds.extend(randomPoint);
      }

      map.setCenter(markerBounds.getCenter(), 
                    map.getBoundsZoomLevel(markerBounds));
   }
   </script> 
</body> 
</html>

我们在上面的例子中创建10个随机点,然后将每个点传递给GLatLngBounds.extend()。最后,我们通过GMap2.getBoundsZoomLevel()获取正确的缩放级别。

http://stackoverflow.com/questions/2362337/how-to-set-the-google-map-zoom-level-to-show-all-the-markers

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何设置Google地图缩放级别以显示所有标记?