我正在尝试使用 Bootstrap 创建响应式 Google map 。 Here是我到目前为止所做的一个示例。我需要做的是设置一种方法来根据窗口大小控制 map 的缩放级别。例如,当用户重新调整 map 大小时, map 开始以另一种方式缩小和放大!您能否告诉我这是否可行以及我该如何做到这一点?
var map;
var panorama;
jQuery(function($) {
$(document).ready(function() {
var latlng = new google.maps.LatLng(49.241943,-122.889318);
var myOptions = {
zoom: 18,
center: latlng,
panControl: true,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
});
});
最佳答案
您可以通过以下方式更改 map 的缩放级别:
var mq = window.matchMedia( "(min-width: 768px)" );
if (mq.matches) {
map.setZoom(6);
}
关于twitter-bootstrap - 如何根据 Google map 中的 Windows 大小控制缩放级别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17000951/