#javascript #d3.js
Вопрос:
У меня есть эта карта d3:
var svg = d3.select(mapRef.current)
.append("svg")
.attr("preserveAspectRatio", "xMidYMid")
.attr("viewBox", "0 0 " width " " height)
.attr("width", width)
.attr("height", height);
var g = svg.append("g");
g.append("g")
.attr("id", "countries")
.selectAll("path")
.data(topojson.feature(values[0], values[0].objects.countries).features)
.enter()
.append("path")
.attr("id", function(d) { return d.id; })
.attr("d", path);
и на svg нажмите, пытаясь увеличить масштаб определенной (жестко заданной) страны (например, Франции).
есть идеи, как этого добиться?
Комментарии:
1. Пример масштабирования до ограничивающей рамки определенного объекта: observablehq.com/@d3/zoom-to-bounding-box
2. спасибо @RobinMackenzie! я просто не могу заставить его работать с жестко заданной страной/штатом.