Twitter bootstrap 如何在谷歌地图中根据窗口大小控制缩放级别

Twitter bootstrap 如何在谷歌地图中根据窗口大小控制缩放级别,twitter-bootstrap,google-maps-api-3,Twitter Bootstrap,Google Maps Api 3,我正在尝试使用Bootstrap创建一个响应迅速的Google地图。这是我至今所做工作的一个样本。我需要做的是设置一种方法,根据窗口大小控制地图的缩放级别。例如,当用户重新调整地图大小时,地图开始以另一种方式缩小和放大!你能告诉我这是否可行,我怎么做吗 var map; var panorama; jQuery(function($) { $(document).ready(function() { var latlng = new google.maps.LatLng(49.24194

我正在尝试使用Bootstrap创建一个响应迅速的Google地图。这是我至今所做工作的一个样本。我需要做的是设置一种方法,根据窗口大小控制地图的缩放级别。例如,当用户重新调整地图大小时,地图开始以另一种方式缩小和放大!你能告诉我这是否可行,我怎么做吗

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);
    });
 });

可以使用以下命令更改地图的缩放级别:

var mq = window.matchMedia( "(min-width: 768px)" );
if (mq.matches) {
    map.setZoom(6);
}

是否要在调整贴图div的大小时保留相同的视口(贴图区域)?请注意,缩放级别是离散的,因此随着缩放级别的变化会出现跳跃。感谢geocodezip,老实说,我不担心跳跃,因为这只会影响手机和平板电脑的大小。事实上,我对逐像素的格式不感兴趣,它更像是平板电脑和智能手机的媒体查询大小。所以可能有3到4个不同的缩放级别。再次感谢