Wie platziert man eine Karte als interaktiven Hintergrund in d3?

Question

Ich arbeite derzeit mit ein paar Kreisen in d3.js (Knoten eines Sankey-Diagramms), von denen jedes Standortdaten enthält (Land, Stadt, Bundesland, Breitengrad, Längengrad usw.). Das Ziel ist es, Google Maps (oder eine Weltkarte im Allgemeinen) auf einen Ort hinter dem angeklickten Kreis heranzuzoomen (als ob der Kreis der Marker wäre). Ich denke nur, es wäre eine ziemlich coole Funktion hinzuzufügen, wenn es möglich ist. Jede Hilfe würde wirklich geschätzt werden.

Ex) Also, wenn mein Kreis bei (x, y) positioniert ist, würde die Position der Karte auch dort sein, und gezoomt auf den angegebenen Ort. Ein wirklich hässliches Beispiel würde also von der Grafik hinter meinem Knotenpunkt für Melbourne angezeigt.

Answer 1

können Sie einen Listener auf Marker verwenden

marker.addListener('click', function() { 
    map.setZoom(18); 
    map.setCenter(marker.getPosition()); 
}); 

sehen dies für eine einfache Probe https://developers.google.com/maps/documentation/javascript/examples/event-simple