📅  最后修改于: 2023-12-03 14:40:33.970000             🧑  作者: Mango
D3.js 是一个用于数据可视化的流行JavaScript库,而 geoBromley()
函数是其地理布局库中的一个函数。它是用来创建布鲁姆利等面积投影的函数。
d3.geoBromley()
geoBromley()
函数返回一个新的布鲁姆利等面积投影生成器。
// 创建一个 SVG 元素
var svg = d3.select("body")
.append("svg")
.attr("width", 500)
.attr("height", 500);
// 创建一个地理路径生成器
var path = d3.geoPath();
// 创建一个布鲁姆利等面积投影生成器
var bromleyProjection = d3.geoBromley()
.scale(100)
.translate([250, 250]);
// 从 GeoJSON 数据中获取几何信息
d3.json("map.json", function(error, mapData) {
if (error) throw error;
// 使用地理路径生成器和投影生成器绘制地图
svg.selectAll("path")
.data(mapData.features)
.enter()
.append("path")
.attr("d", path.projection(bromleyProjection));
});