Có một plugin sẵn sàng sử dụng Javascript có thể biến đổi chuỗi GeoJSON thành chuỗi SVG không? Công cụ hiển thị, như Tempo hoặc dự án JsonT sẽ hữu ích, nhưng tôi cần mẫu để làm cho chúng hoạt động.Chuyển GeoJSON sang SVG bằng Javascript
Trả lời
Bạn có thể xem xét GDAL, không chắc chắn liệu nó có hỗ trợ đầy đủ việc tạo SVG hay không, nhưng GDAL thường có thể chuyển đổi tất cả các định dạng địa lý thành các geoformats khác.
Bạn có thể sử dụng thư viện d3.js. Sau đoạn mã sẽ thực hiện công việc:
Bao gồm d3.js trong file html của bạn
<script src="files/d3.v3.min.js"></script>
Giả sử, bạn đã div với id bản đồ trong tập tin html của bạn:
<div id="map"></div>
sau js đang sẽ thêm bản đồ vào bản đồ div của bạn. geoJsonObj là geojson của bạn.
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);
Để xem ví dụ làm việc, hãy đi here. Lưu ý rằng ví dụ sử dụng topojson làm đầu vào cho thuộc tính .data().
Biến 'đường dẫn' đến từ đâu trong mã của bạn, ở dòng cuối cùng? – user568458
Nevermind, tôi tìm thấy (và cập nhật) một ví dụ hoàn chỉnh ở đây: http://stackoverflow.com/questions/18425440/displaying-map-using-d3-js-and-geojson/38552478#38552478 – user568458
@ user568458 đường dẫn không phải là một biến, nó là một phần tử svg, giống như div trong html. https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths –
Có công cụ cơ bản có sẵn để chuyển đổi geojson thành svg geojson2svg và cũng như npm module. Đầu ra từ geojson2svg là chuỗi svg để công cụ này có thể được sử dụng trong trình duyệt cũng như với node.js.
Rất dễ dàng để tách chuỗi svg thành phần tử dom. Điều này đã được giải thích bởi bobincehere rất độc đáo với mã JavaScript. Tôi đã thực hiện một số npm module để thuận tiện.
geojson2svg mang lại cho bạn sự linh hoạt hơn nhưng đối với giải pháp nhanh d3 thì tốt nhất.
Tuyên bố từ chối trách nhiệm: Tôi là tác giả của geojson2svg.
- 1. Chuyển đổi SVG sang PNG bằng C#
- 2. Chuyển đổi XML sang CSV bằng Javascript
- 3. Chuyển đổi SVG sang PNG trong Ruby
- 4. Tạo thẻ SVG bằng JavaScript
- 5. Chuyển đổi JavaScript sang Java
- 6. Nhận hình ảnh trống khi chuyển mã SVG sang PNG
- 7. Chuyển đổi VBScript sang Javascript
- 8. Cách chuyển từ trang này sang trang khác bằng javascript?
- 9. Di chuyển hình ảnh từ A sang B bằng JavaScript
- 10. chuyển đổi html sang javascript
- 11. ExpressJS Chuyển biến sang JavaScript
- 12. Làm thế nào để chuyển đổi hình ảnh JPEG sang định dạng SVG bằng ImageMagick?
- 13. Chuyển các biến PHP sang Javascript/jquery
- 14. Chuyển âm thanh javascript sang jquery
- 15. Xuất phần tử SVG sang PDF?
- 16. chuyển đổi HTML (có Javascript) sang PDF bằng cách sử dụng JavaScript
- 17. Chuyển biến javascript sang mã php?
- 18. Chuyển biến Javascript sang PHP qua ajax
- 19. Chuyển ID phần tử sang hàm Javascript
- 20. Chuyển đổi HTML + JavaScript sang exe
- 21. Chuyển biến từ ASP.net sang JavaScript
- 22. SVG có thể chứa âm thanh bằng javascript không?
- 23. Cách truy cập các phần tử SVG bằng Javascript
- 24. Xuất SVG từ DOM sang tệp
- 25. Biến đổi SVG trong JavaScript
- 26. Độ phân giải SVG chuyển sang màu đen khi có thẻ BASE trong trang HTML?
- 27. Hiển thị SVG bằng XSLFO
- 28. Cách chuyển đổi chuỗi SVG thành jpg bằng Inkscape
- 29. Cách di chuyển từ từ sang/di chuyển sang TypeScript trong hệ thống JavaScript hiện có
- 30. Sử dụng Adobe Illustrator để tạo ra SVG Đường dẫn sử dụng "chuyển sang" lệnh
Cảm ơn, nhưng tôi cần thư viện Javascript hoặc plugin và GDAL/OGR là C++. – camilokawerin