D3: Interne Svg-Pfade zusammenführen?

Question

Ich habe ein svg Element, das aus vielen verschiedenen path Objekten besteht, von denen jedes einen U.S.-Zustand darstellt.

http://jsfiddle.net/jGjZ2/

Ich möchte die Ost-Gebiet (Gold) in einem einzigen Pfad Objekt ohne sichtbare Unterteilungen verschmelzen.

Das Endergebnis sollte wie folgt aussehen (ignoriert die Ungenauigkeiten):

I D3 verwenden. Es gibt keine GeoJSON oder TopoJSON Daten - die Karte ist Svg direkt in HTML eingebettet (siehe jsfiddle).

Vielen Dank!

Answer 1

Angenommen, Sie können die angegebene Einschränkung der Manipulation eines vorhandenen SVG-Bilds ignorieren (was angesichts der leichten Verfügbarkeit von kartografischen Grenzen in leicht zu manipulierenden Formaten als willkürliche Einschränkung erscheint), können Sie topojson.mesh verwenden, um mehrere zusammenzuführen Polygone. Obwohl, beachten Sie diesen Ansatz einige Einschränkungen wie in diesem Beispiel beschrieben:

Eine weitere einfache Methode ist nur die markierten Polygone zweimal ziehen: einmal mit einem dicken schwarzen Strich und ohne Füllung und ein 2. Mal oben mit Orangenfüllung und ohne Strich. Dadurch wird erreicht, die gleiche Wirkung, ohne dass eine topologische Manipulation:

Ich nehme an, wenn Sie wirklich hatte, Sie in das SVG-Element erreichen konnte und das gleiche tun, indem Sie die Vektordaten zu extrahieren, aber es wird einfacher sein, wenn Sie von sauberen Daten ausgehen.