如何使用Google Maps API v3从地图中获取MapOptions对象

在Google Maps api v2中,您可以直接从地图对象获取地图类型,缩放等参数。 在版本3中,您有setOptions方法来设置一些参数,但没有getOptions()或选项来检索它们。


您可以通过Map类中的方法访问这些属性:

  • getZoom()
  • getMapTypeId()
  • getCenter()
  • 等等..

  • 您还可以使用地图上的get方法作为MVCObject访问选项,如本例所示

    // create map
    var myLatlng = new google.maps.LatLng(-33, 151);
    var myOptions = {
      center: myLatlng,
      zoom: 5
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    map.setOptions({
      streetViewControl: false,
      zoom: 6,
      zoomControl: false,
      }
    );
    
    document.getElementById("center").value = map.get('center');
    document.getElementById("streetViewControl").value = map.get('streetViewControl');
    document.getElementById("zoom").value = map.get('zoom');
    document.getElementById("zoomControl").value = map.get('zoomControl');
    #map_canvas {
      width: 50%;
      height: 200px;
      float: left;
    }
    
    input {
      width: 90px;
      }
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <div id="map_canvas"></div>
    
    <input type="text" id="center" /> center<br>
    <input type="text" id="streetViewControl" /> streetViewControl<br>
    <input type="text" id="zoom" /> zoom<br>
    <input type="text" id="zoomControl" /> zoomControl<br>
    ...
    链接地址: http://www.djcxy.com/p/2299.html

    上一篇: How to get the MapOptions object from a map with Google Maps API v3

    下一篇: HTTP PUT method structure example