Ermittlung von Positionen von svg-Elementen

[d3d9]

Da es vor allem in Chromium-basierten Browsern Probleme mit Koordinatenumrechnungen gab, wird aktuell, um das Problem zu umgehen, folgendes gemacht:

• Beim Klicken auf eine Haltestelle wird die Fake-Geokoordinate (anhand des Mouseclicks ermittelbar) in den Daten gespeichert, an dieser Position wird direkt normal das Popup geöffnet.
• Wenn nachher z. B. im Linienpopup der Zurück-Knopf geklickt wird, kann auf diese gespeicherte Koordinate dann zurückgegriffen werden.
• Wenn dies nicht möglich ist, z. B. weil die Haltestelle oder das Linienpopup mit #-link geöffnet wurde, dann wird das Popup ohne Tip und in der Mitte des Bildschirms dargestellt.

Die Ursache liegt eventuell im transform-Attribut am oberen svg-Element. In Firefox machen die Koordinatenumrechnungen keinerlei Probleme.

Dieser Code wurde zuvor verwendet und ist aktuell auskommentiert in js/main.js/stopClicked:

    let point = $("#svg2")[0].createSVGPoint();
    // console.log(stoptext.getBBox());
    point.x = stoptext.getBBox().x + stoptext.getBBox().width / 2;
    point.y = stoptext.getBBox().y + stoptext.getBBox().height / 2;
    // console.log(point);
    let target = point.matrixTransform(stoptext.getCTM());
    // console.log(stoptext.getScreenCTM());
    // console.log(point.matrixTransform(stoptext.getScreenCTM()));
    // console.log(stoptext.getCTM());
    // console.log(target);
    let coords = mymap.layerPointToLatLng(target);
    // console.log(coords);

Wenn das hier beschriebene Problem gelöst werden kann, erschließen sich weitere wichtige Möglichkeiten für Funktionalitäten:

• die oben beschriebene Vorgehensweise muss nicht mehr so angewendet werden
• (Suchfunktion #4) Suchfunktion mit anschließendem Pan/Zoom zum gewünschten Element
• (siehe Erweiterungen Haltestellenpopups #10) “auf Haltestelle zoomen”-Knopf im Haltestellenpopup
• (siehe Erweiterungen Linienpopups #11) “Linienverlauf komplett darstellen” im Linienpopup (zoomt auf die BBox der ganzen Linie)