Мне надо сделать что то на подобии сетки, которая будет хранить в себе примерно 500,000 ячеек и разместить её на карту. Так как гуглу хреново становится после 1000 объектов в виде дива, надо найти способ реализации сетки у меня возникла идея и хочется узнать правильное это решение или может кто то предложит более подходящую идею.
Сама идея:
Когда пользователь заходит на карту, к курсору прилепляется блок 10x10. Отслеживать координаты курсора и при смещении X или Y, отслеживать на сколько пользователь сдвинул курсор по координате, допустим если смещение x>5 мы применяем координаты к нашему div блоку, допустим каждый шаг по координате будет 10px, тем самым мы получаем как бы движение по фиксированной сетке. Так же нужно выделение ячеек в этой сетке, ставим на курсор
eventListener и при зажатии левой кнопки мыши запускается скрипт от
JQuery Selectable, опять смотрим на сколько курсор ушел от начального объекта тем самым добавляем на экран по координатам div блоки.
Хочется услышать мнения по этой идеи, предложения и возможно ли это всё реализовать?
