首页 > 代码库 > leaflet地图在选项卡中不正常显示
leaflet地图在选项卡中不正常显示
可以在选项卡中加个click事件,调用下
<a href=http://www.mamicode.com/"#tab1" >tab1</a>
<a href=http://www.mamicode.com/"#tab2" onclick="$.expandMap();">tab2</a>
var map = null;
$(function(){
//加载gis地图
var southWest = L.latLng(*, *),
northEast = L.latLng(*, *),
bounds = L.latLngBounds(southWest, northEast);
map = L.map(‘ExampleMap‘, {
zoomControl: true,
attributionControl: false,//隐藏copyright
maxBounds: bounds,
minZoom: 9,
maxZoom: 12,
invalidateSize:true
}).setView([*, *], 9);
console.log(‘test‘);
new L.TileLayer.TileLoad(‘./maps/NJBaseMap‘).addTo(map);
})
$.expandMap = function() {
L.Util.requestAnimFrame(map.invalidateSize,map,!1,map._container);
}
leaflet地图在选项卡中不正常显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。