调整大小时的响应偏移（panBy）。谷歌地图

Question

我之前也有过类似的问题，但由于 id 导致了死胡同，并且我有了新的理解，所以我现在持有不同的观点。我现在的问题是如何使用媒体查询和 panBy 来处理这个问题，使用每次调整大小时新计算的偏移量

我使用这个代码（更新）：

var map;
function initialize() {
    var Name = {lat: XX, lng: XX};

    var marker = new google.maps.Marker({
        position: Name,
        map: map,
        title: 'Name!'
    });

    var mapOptions = {
        center: new google.maps.LatLng(XX, XX),
        zoom: 13,
        zoomControl: false,
        disableDoubleClickZoom: false,
        mapTypeControl: false,
        scaleControl: false,
        scrollwheel: false,
        panControl: false,
        streetViewControl: false,
        draggable: false,
        overviewMapControl: false,
        overviewMapControlOptions: {
            opened: false,
        },
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        styles: styleArray
    };
    map = new google.maps.Map(document.getElementById("map"),
        mapOptions);


        marker = new google.maps.Marker({
            icon: markericon,
            position: new google.maps.LatLng(locations[i][5], locations[i][6]),
            map: map,
            title: locations[i][0],
            desc: description,
            tel: telephone,
            email: email,
            web: web
        });

    }
    var mql = window.matchMedia(("(max-height: 750px)"));
    mql.addListener(new function(){
    if(window.matchMedia("(max-height: 750px)").matches){
    map.panBy(0, 150);
  }else {
    map.panBy(0, 250);
  }});
}

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

});

感谢阅读！ 问候

Answer 1

我认为您不应该使用panBy 方法。相反，请在事件侦听器中使用您的地图对象变量，您可以按照此SO thread 中的说明进行操作。