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

2024-03-01

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


您还可以使用以下命令访问选项get地图上的方法作为MVCObject https://developers.google.com/maps/documentation/javascript/reference?hl=en#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>
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Google Maps API v3 从地图获取 MapOptions 对象 的相关文章

随机推荐