Pull to refresh
2
Артем@GreenFox_2003

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

Send message

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

Level of difficultyMedium
Reading time8 min
Reach and readers6.9K

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

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

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

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

Information

Rating
Does not participate
Registered
Activity

Specialization

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