我在我的应用程序中使用Leafletjs和Google地图瓦片。这是我的HTML标记:
<div class="map-wrap" style="display: none;">
<div id="map"></div>
</div>
<div class="rightNav">
<a href="#" onclick="$.expandMap();">Expand Map</a>
</div>
在 JavaScript 文件中,我有以下代码:
$.expandMap = function() {
if ($(".rightNav").is(':visible')){
$(".map-wrap").animate({width:'70%'},'400');
$(".rightNav").hide(0);
map.invalidateSize();
//L.Util.requestAnimFrame(map.invalidateSize, map, false, map._container);
}
}
地图容器可以正常扩展,但地图没有扩展。 map.invalidateSize 没有扩展地图或填充外部的 div(容器)。 L.Util.requestAnimFrame(map.invalidateSize, map, false, map._container); 也失败了。
然而,如果我稍微调整浏览器窗口大小,地图就会填满外部容器。
所以我想尝试使用 jQuery 编程模拟窗口调整大小。但它也无法扩展地图。
请告诉我我做错了什么。