使用Javascript将GeoJSON转换为SVG

前端之家收集整理的这篇文章主要介绍了使用Javascript将GeoJSON转换为SVG前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有可以使用的 Javascript插件,将GeoJSON字符串转换为SVG字符串?渲染引擎,如 Tempo或项目 JsonT将是有用的,但我需要模板使其工作.

解决方法

您可以使用 d3.js库.以下代码片段将完成此工作:

在您的html文件中包含d3.js

<script src="files/d3.v3.min.js"></script>

假设你的html文件中带有id map的div:

<div id="map"></div>

以下js代码添加地图到您的div地图. geoJsonObj是你的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);

要查看一个工作示例,请转到here.请注意,该示例使用topojson作为.data()属性的输入.

原文链接:https://www.f2er.com/js/154832.html

猜你在找的JavaScript相关文章