Question

目前，我为一家公司制作网站，该公司希望在其网页上提供自定义地图。此地图是由平面设计师绘制的大型矢量地图。所以我使用传单，但我有一个问题。我全屏制作。问题是我设置了边界和一切，它除了底部以外的所有方面都有效，所以当我开始向上移动时它不会回到底部。有趣的是，如果我调整窗口大小，例如我将其缩小，并且在返回到完整窗口大小后，底部部分可以正常工作。

到目前为止，这是我的代码：

var winh = $(window).height();
    var winw = $(window).width();
    var maph = $('#map').height();
    var mapw = $('#map').width();
    var offset = $('#map').offset();
    var centerX = offset.left + mapw / 2;
    var centerY = offset.top + maph / 2;
    var changem = false;
    var cbut = $('#building');
    var southWest = new L.LatLng(winh, 0);
    var northEast = new L.LatLng(0, winw);
    var bounds = L.latLngBounds(southWest, northEast);

    var map = L.map('map', {
        maxBounds: bounds,
        maxZoom: 2,
        minZoom: 0,
        crs: L.CRS.Simple
    }).setView([winh, winw], 0);
    // .setView([winh, winw], 0)
     map.setMaxBounds(bounds);

    // map.panTo(new L.LatLng(centerY,centerX));

// ----------------------------------
//  Load the images for the map
// ----------------------------------
    var imageUrl =   'http://rigailoveyou.exflairdigital.com/public/img/houses.png'
    var imageUrl2 = 'http://rigailoveyou.exflairdigital.com/public/img/road.png'
    var imageBounds = [[winh,0], [0,winw]];

    var map1 = L.imageOverlay(imageUrl, bounds,'Riga I Love You').addTo(map);
    var map2 = L.imageOverlay(imageUrl2, bounds).addTo(map);

传单maxBounds底部不起作用

0 个答案: