Question

leaflet加载地图就只显示了一部分，已经加载出来了，能拖动，就是不能加载的时候充满整个div

var url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
                        //url = systemConfig.layerUrl;
                        var map;
                        var layer;
                        map = L.map('mapContainer', {
                            crs: L.CRS.EPSG4326,
                            center: [0, 0],
                            maxZoom: 18,
                            zoom: 1
                        });
                        var layer = L.supermap.tiledMapLayer(url);
                        layer.addTo(map);
                        L.control.scale().addTo(map);

Answer 1

您好，出现这种情况有两种可能性。1.本身挂载地图的div动态变化了，需要使用map.invalidateSize(true)。2.div被其他div掩盖

Comments

没有被掩盖，空白的地方是可以手动把地图拉过去的，我用了那个map.invalidateSize(true)方法了，也还是不行，这是什么情况呢?

map = L.map('mapContainer', {
                            crs: L.CRS.EPSG4326,
                            center: [0,0],
                            maxZoom: 18,
                            zoom: 1
                        });
                        var layer = L.supermap.tiledMapLayer(url);
                        layer.addTo(map);
                        L.control.scale().addTo(map);
                        map.invalidateSize(true);

---

我更新了中心点之后地图就变成这样了

---

你能不能截图下这个mapContainerdiv啊

---

这个蓝色的div框就是mapContainer,您仔细看一下这个边界，这是我点击了一个减号后地图的样子

这是我写的div

<div id="cesiumContainer" style="top:60px !important;"></div>
                <div id="mapContainer" v-show="mapFlag"></div>