Pull to refresh
4K+
2
Артем@GreenFox_2003

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

5
Rating
Send message

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

Level of difficultyMedium
Reading time8 min
Reach and readers5.8K

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

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

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

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

Information

Rating
1,291-st
Registered
Activity

Specialization

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