¿Hay un plugin de Javascript listo para usar que configure una cadena GeoJSON en una cadena SVG? Un motor de renderizado, como Tempo, o el proyecto JsonT sería útil, pero necesito la plantilla para que funcione.Transformar GeoJSON a SVG con Javascript
Respuesta
Puede mirar en GDAL, no estoy seguro si es totalmente compatible con la creación de SVG, pero GDAL generalmente puede convertir todos los formatos geo en otros geoformatos.
Puede utilizar d3.js biblioteca. Siguiente fragmento de código hará el trabajo:
Incluir d3.js en su archivo html
<script src="files/d3.v3.min.js"></script>
Suponiendo, que ha div con mapa ID en el archivo html:
<div id="map"></div>
siguiente código js agregará un mapa a su mapa div. geoJsonObj es tu geojson.
var svg = d3.select("#map").append("svg")
.attr("width", width)
.attr("height", height);
svg.append("g")
.selectAll("path")
.data(geoJsonObj.features)
.enter().append("path")
.attr("d", path);
Para ver un ejemplo de trabajo, vaya here. Tenga en cuenta que el ejemplo usa topojson como entrada para el atributo .data().
¿De dónde viene la variable 'ruta 'en su código, en la última línea? – user568458
No importa, encontré (y actualicé) un ejemplo completo aquí: http://stackoverflow.com/questions/18425440/displaying-map-using-d3-js-and-geojson/38552478#38552478 – user568458
@ user568458 ruta no es una variable, es un elemento svg, como div en html. https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths –
Hay una herramienta básica disponible para convertir geojson a svg geojson2svg y como npm module también. El resultado de geojson2svg es svg string, por lo que esta herramienta se puede usar tanto en el navegador como en node.js.
Es muy fácil de encubrir cadena svg al elemento dom. Esto ha sido explicado por bobincehere muy bien con código JavaScript. He hecho un npm module por conveniencia.
geojson2svg le ofrece más flexibilidad, pero para una solución rápida d3 es lo mejor.
Descargo de responsabilidad: soy el autor de geojson2svg.
- 1. SVG coordina con transformar la matriz
- 2. Crear etiqueta SVG con JavaScript
- 3. GeoJson World Database
- 4. Cómo acceder a los elementos SVG con Javascript
- 5. Controlar el SMIL de SVG con JavaScript
- 6. Conversión de JPEG a SVG en Javascript
- 7. ¿Cómo generar datos geoJson?
- 8. JavaScript createElement y SVG
- 9. Transformar Javascript matriz en cadena delimitada
- 10. Accediendo a los datos de SVG a través de JavaScript
- 11. cómo transformar CLR a EXE
- 12. cómo transformar XMLStreamReader a XMLStreamWriter
- 13. Clojurescript, JavaScript, SVG, Gráficos, Gráficos
- 14. Conversión de html a svg usando javascript/jquery
- 15. Obtención de un viewBox SVG original a través de javascript
- 16. Cambiando el color de la imagen SVG con javascript
- 17. Manipular la vista de SVG con JavaScript (sin bibliotecas)
- 18. Convertir imagen SVG a PNG con PHP
- 19. SVG a Canvas con d3.js
- 20. Modificar los atributos svg con javascript no tiene efecto
- 21. Exportar elementos SVG a PDF?
- 22. Tienda de polígonos GeoJSON en MongoDB
- 23. Cómo transformar una cadena a minúscula con preg_replace
- 24. Transformar un sitio web importante en una aplicación de JavaScript
- 25. Generación de gráficos SVG en JavaScript
- 26. jQuery rotar/transformar
- 27. convertir pdf a svg
- 28. SVG a JPG/PNG
- 29. Rendering SVG con Delphi
- 30. Centrar imagen con SVG
Gracias, pero necesito una biblioteca Javascript o un complemento y GDAL/OGR es C++. – camilokawerin