x

Map wird in Tabbed Panels (DIV) nicht angezeigt


Geschrieben von samtien (Gast) am 18. Juli 2017 17:13:17: [flux]

Hallo zusammen,
es gibt Problem mit dem Anzeigen von Map in Tabbed Panels bzw. Accordion.
Es funktioniert, wenn der Code in einer einfachen HTML-Seite liegt.
Weiß jemand, woran es liegt?

Folgendes ist der Code

var␣map2␣=␣null;
var␣waypts␣=␣[];
//␣waypts␣wird␣onload␣initialisiert
function␣initTab(){
...
waypts.push(␣{␣latLng:␣L.latLng(latWert,␣lonWert)␣}␣);
waypts.push(␣{␣latLng:␣L.latLng(latWert2,␣lonWert2)␣}␣);
$("#coll_lst1vFStF1").click(␣function(){
if($("#lst1fly_fli1").css("display")␣!=␣"none")␣{
showRouteMap();
}
});
}
function␣showRouteMap(){
if(map2␣==␣null){
map2␣=␣L.map("f1");␣//␣div#f1␣liegt␣unter␣div#lst1fly_fli1
}
else{
map2.invalidateSize(false);
return;
}
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',␣{
attribution:␣'&copy;␣<a␣href="http://osm.org/copyright">OpenStreetMap</a>␣contributors'
}).addTo(map2);
var␣lPlan␣=␣new␣L.Routing.Plan(waypts,␣{
draggableWaypoints:␣false,
addWaypoints:␣␣false,
createMarker:␣function(i,␣wp)␣{
return␣L.marker(wp.latLng,␣{
icon:␣new␣L.Icon({␣iconUrl:␣"./img/redMarker"+i+".png"␣,␣iconSize:␣[20,␣34]})
});
}
});
var␣routeControl␣=␣L.Routing.control({
show:␣false,
plan:␣lPlan,
fitSelectedRoutes:␣true
}).addTo(map2);
//setTimeout(function(){␣map2.invalidateSize();␣␣␣␣␣␣␣},␣100␣);
//setTimeout(function(){␣map2.invalidateSize(true);␣},␣100␣);
setTimeout(function(){␣␣␣␣map2.invalidateSize(false);␣},␣100␣);
}

Gruß

Samtien


Antworten: