Карта подчиненного / главного приложения d3.js

Я изо всех сил, чтобы стабилизировать это приложение. Я пытаюсь создать кисть (с заданной высотой / шириной) на мини-карте для управления большой картой. Последний рабочий прототип находится здесь.

http://jsfiddle.net/BxLHd/6/

внутри функции кисти я нашел способ вытащить правильные данные, но не уверен, как получить правильное соотношение / масштаб для карт и исправить высоту / ширину кисти, не делая ее глючной.

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()

})

0 ответов

Другие вопросы по тегам