Erster Seitenaufruf (=uncached) und fehlende Map
Die Karte wird beim ersten Laden der Seite nicht gezeigt. svg#tubhh kriegt eine height/width:0vw verpasst.
Das liegt indirekt an dieser (bzw. dann dieser) Zeile.
Effektiv ist das Problem anscheinend, dass append() (diese Zeile) synchronous ist, aber das DOM update nicht. Das fällt wohl nur auf, weil das SVG (zumal die unoptimierte Inkscape-Version) verhältnismäßig riesig ist.
Nacht dem append() alles weitere á la setTimeout(function(){onSVGappended();}, 10);
geht, aber ist äußerst unschön...
Interessant:
Fundamental difference: DOM is ready: usually ideal. LOADED: This is when the whole page has finished loading, which is different. For example, this will wait for images to be finished loading, so that you can measure their widths and heights accurately.
Browser sagt auch "Browser says [Violation] Forced reflow while executing JavaScript took 559ms" - kein Fehler, aber recht viel zeit dennoch...
Stimmt das so noch und auch für jQuery ready? Das bringt so nichts
$(window).bind('load', function(){
// Load map
});