OSM карта на сайте локально?

Question

[xxxibgdrgn]

Имеется база, содержащая тайлы карты OSM.
Как, используя Leaflet, подключить эти тайлы локально?
Видел способ с виртуальным сервером, но не с помощью базы данных. Какие вообще имеются способы подключения карты на сайт локально?

Comments

[Moskus]

В каком формате тайлы в базе?
Сколько их? Какая база?
А то может вам завернуть все это в MBTiles (sqlite-база) и использовать через соответствующий плагин.

[h8nor]

Пользоваться поиском религия не позволяет? https://habr.com/ru/post/268647/ и https://habr.com/post/240681/

[xxxibgdrgn]

Дѣаволъ, в первой статье, которую вы прикрепили есть кусок кода с подключением карты и тайлов.

map = L.map('map', {                                                       // подключаем карту
     crs: L.CRS.Wall,                                                    // выбираем систему координат (об этом ниже)
        maxZoom: 5,                                                     // максимальный zoom (приближение)
         minZoom: 0                                                      // минимальный zoom (приближение)
        }).setView([1700,170], 0);                                      // точка просмотра при заходе на сайт с картой
 
        var osn = L.tileLayer('./images/map/{z}-{x}-{y}.jpg', {         // подключаем тайлы
            attribution: 'супер-карты',                               // комментарий (отображается справа внизу)
            continuousWorld: true,                                   // В документах написано, что если мы используем не настоящие координаты, то должно быть true (что-то связанное с долготой и широтой)
            noWrap: true                                                  // Не загружает до бесконечности лишние тайлы вне рамок карты
        }).addTo(map);

Как видите, в данном случае тайлы нарезанной автором карты лежат по папкам как обычные картинки. Мой вопрос заключается в том, как подключать тайлы, которые лежат в базе данных.

[h8nor]

xxxibgdrgn, какая разница где лежат тайлы? Если у вас картинки лежат в БД, то вы сами придумали себе геморой.

Answer 1

[Александр]

Зависит от нужной детализации. Я делал локальную карту на GeoJSON тайлах(тайлы - порционная загрузка карты, GeoJSON - чтобы векторно отрисовывать). Отрисовка идет полностью на стороне клиента, если добавить gzip сжатие данных на сервере, то тайлы вообще мало весят. Сервер же работает с базой данных postgresql - координаты с типом данных polygon - за счет этого доступна логика пересечения полигонов - в запросе указываем полигон(bounding box) тайла, который легко рассчитывается по его x,y,z координатам. В базе несколько таблиц с группировкой по типам - дороги,жд пути,дома,леса,реки,озера. Скорость отдачи тайлов зависит лишь от производительности движка баз данных. Отдачу типов по увеличению можно регулировать на стороне сервера.
Для отображения использовал OpenLayers - нужно больше писать и думать(зато полностью кастомизируется отрисовка), а то Leaflet слишком простой. В принципе он тоже должен уметь работать с GeoJSON тайлами.

Локально нужно только если карта часть софта в закрытой корпоративной сети, где интернет ограничен - потому что в любом случае не будешь хранить карту в той детализации в которой она представленна в интернете.