Карта подчиненного / главного приложения d3.js
Я изо всех сил, чтобы стабилизировать это приложение. Я пытаюсь создать кисть (с заданной высотой / шириной) на мини-карте для управления большой картой. Последний рабочий прототип находится здесь.
внутри функции кисти я нашел способ вытащить правильные данные, но не уверен, как получить правильное соотношение / масштаб для карт и исправить высоту / ширину кисти, не делая ее глючной.
worldMap.classed("selected", function(d) {
console.log("extent[0]", extent[0]);
console.log("extent[1]", extent[1]);
var boxWidth = extent[1][0] - extent[0][0];
var boxHeight = extent[1][1] - extent[0][1];
console.log("boxWidth", boxWidth);
console.log("boxHeight", boxHeight);
var smallMapWidth = 120;
var smallMapHeight = 80;
var bigMapWidth = 600;
var bigMapHeight = 400;
var xRatio = extent[0][0]/smallMapWidth;
var yRatio = extent[1][1]/smallMapHeight;
var newX = bigMapWidth*xRatio;
var newY = bigMapHeight*yRatio;
worldMapper.newT = new Array(newX, newY);
worldMapper.newScale = 100;
worldMapper.redraw()
})