继我之前的问题之后谷歌地图响应式调整大小 https://stackoverflow.com/questions/18444161/google-maps-responsive-resize我想根据窗口调整大小实现不同的缩放级别,调整大小时,因此,如果浏览器窗口“小于”,则应用 x 次缩放,如果“大于”,则自动动态应用另一个缩放级别。
以下代码对于在窗口调整大小时重新调整地图的位置非常有效,我需要对其应用新的缩放级别:
var map;
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(40.5472,12.282715),
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addDomListener(window, "resize", function() {
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center);
map.setZoom(zoom level needs to be automatically set according to window size);
});
通过创建一个纬度界限 https://developers.google.com/maps/documentation/javascript/reference#LatLngBounds并打电话地图.fitBounds() https://developers.google.com/maps/documentation/javascript/reference#Map正如 geocodezip 所建议的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)