Обновить
4K+
2
Артем@GreenFox_2003

Frontend-разработчик

4
Рейтинг
Отправить сообщение

Web‑карты: от координат до изображения

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели4.4K

Статья посвящена базовым принципам работы тайловых веб‑карт. В ней рассматривается, как карта мира разбивается на небольшие изображения — тайлы, как устроен их URL и что означают параметры zoom, x и y.

На простых примерах разбирается связь между географическими координатами и положением тайла в общей сетке. Пошагово выводятся формулы преобразования долготы в координату X и широты в координату Y с учётом проекции Web Mercator.

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

Делаем ядро тайловой веб-карты на JS

Информация

В рейтинге
1 427-й
Зарегистрирован
Активность

Специализация

Фронтенд разработчик
Младший
React
HTML
TypeScript
CSS
Vite