javascript - mbostock - d3.js github
D3: ¿Combinar caminos de svg interiores? (1)
Suponiendo que puede ignorar la restricción establecida de manipular una imagen SVG existente (lo que parece una restricción arbitraria dada la disponibilidad de límites cartográficos en formatos más fáciles de manipular ...), puede usar topojson.mesh para fusionar varios polígonos . Sin embargo, tenga en cuenta que este enfoque tiene algunas limitaciones como se describe en este ejemplo:
Otro enfoque simple es simplemente dibujar los polígonos resaltados dos veces : una con un trazo negro grueso y sin relleno, y una segunda vez en la parte superior con relleno de naranja y sin trazo. Esto logra el mismo efecto sin necesidad de manipulación topológica:
Supongo que si realmente tuvieras que hacerlo, podrías llegar al elemento SVG y hacer lo mismo extrayendo los datos vectoriales, pero será más fácil si comienzas desde datos limpios.
Tengo un elemento svg compuesto de muchos objetos de path diferentes, cada uno de los cuales representa un estado de los EE. UU.
Me gustaría fusionar el territorio este (oro) en un solo objeto de ruta sin divisiones visibles.
El resultado final debe verse así (ignorar las inexactitudes):
Estoy usando D3. No hay datos de GeoJSON o TopoJSON; el mapa está svg directamente incrustado en html (ver jsfiddle)
¡Muchas gracias!