Чуть подробнее, в Google Maps используется большой элемент div
, содержащий несколько элементов img
. каждый из этих img
элементов имеет площадь 256 пикселей и расположен на регулярной сетке. оттуда программа javascript карт Google рассчитывает, какие изображения сетки должны быть загружены в каждый тег img, и использует обычные манипуляции с dom для размещения каждого img в нужном месте. Загружаются только плитки карты, которые будут видны внутри div. когда вы прокручиваете сторону, библиотека javascript выгружает изображение и загружает новые по мере необходимости. Другие элементы, такие как элементы управления масштабированием, маркеры и линии, накладываются или рисуются поверх этого по мере необходимости.