D3js. Как получить ячейку, находящуюся под другой?

Question

[olenkill]

Стоит задача получить ячейку, под красной точкой.
Красная точка - прицела для выбора места.

Смог отрисовать карту, добавить зум, первоначальное отображение всей карты в блоке.

Осталось научиться определять ячейку под "прицелом" т.к. карта увеличивается и перемещается внутри viewbox.
Совсем нет идей, как это можно было бы реализовать((

Использую d3.js
Вот исходники Ссылка на мои потуги

Answer 1

[Anton Dyrkov]

в голову приходит только узнать координаты красной точки относительно документа или окна и сымитировать клик чтобы взять уже через event.target этот элемент.
эмитация клика как-то так должна делаться (это если ну совсем идей нет)

var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, true, window, 1, screenX, screenY, clientX, clientY, false, false, false, false, 0, null);
document.getElementById('clickableElement').dispatchEvent(event);

Comments

[olenkill]

Спасибо за ответ. К сожалению я задал вопрос и почти сразу нашел решение, ну и забыл отписать сюда.
Прохожусь по всему массиву мест и каждое место проверяю. Т.к. массив очень большой, сперва проверяю какой сектор под прицелом, из этого сектора достаю секции, проверяю под прицелом ли эта секция, если под прицелом, то достаю из нее доступные места и уже их проверяю.

Вот пример проверки. Прекрасно работает во всех адекватных браузерах и на всех мобилках.

if((index.getBoundingClientRect().top < (crosshair[0].getBoundingClientRect().top) && (index.getBoundingClientRect().bottom > (crosshair[0].getBoundingClientRect().bottom)  && (index.getBoundingClientRect().right > (crosshair[0].getBoundingClientRect().right)))))