В настоящее время я работаю над картой RPG, целью которой является отображение движения игроков на ней в реальном времени. Результаты на данный момент убедительны, и я также могу сделать карту интерактивной при щелчке.
Используемые библиотеки:
jQuery panzoom
jQuery mapHighlight
jQuery imageMapResizer
Проблема в том, что карта в настоящее время имеет размер 16 МБ, несмотря на многочисленные сжатия и другие преобразования (включая формат .webp, который дает очень эффективные результаты с точки зрения соотношения качества и веса). Дело в том, что рассматриваемая карта имеет размер около 8000 пикселей на 8000 пикселей.
https://theo024.alwaysdata.net/Map (извиняюсь за медленные соединения).
Мне тогда стало интересно, как такие сайты как Google Map, Open Street View et c ... удалось «разрезать» свои карты на зоны, которые загружаются при увеличении и уменьшении масштаба. (вместо того, чтобы загружать всю карту).
Итак, вопрос: как они загружают каждый фрагмент карты, оставаясь неизменными даже при масштабировании? Есть ли библиотека, которая позаботится об этом, и я бы пропустил это или есть способ сделать это вручную?
Заранее спасибо.