TGViewer
Логово верстальщика Логово верстальщика @webdevlair · 7.97K subscribers
Post #4475 528
Web‑карты: от координат до изображения

На Habr вышла статья о базовых принципах тайловых веб-карт. Рассматривается, как карта мира разбивается на небольшие изображения — тайлы, как устроен их URL и что означают параметры zoom, x и y. На простых примерах разбирается связь между географическими координатами и положением тайла в общей сетке.

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

Источник: Habr

👉 Логово Верстальщика
  • 👍 1
More from @webdevlair
  1. Sep 26, 2026⁣Анимация auto без JS: interpolate-size и calc-size() Годами transition: height .3s c heig…
  2. Sep 26, 2026Инженеры теперь работают Enter-ом — код никто не пишет, все просто болтают с Claude по 12–…
  3. Sep 26, 2026Post #4637
  4. Sep 25, 2026⁣CSS :nth-child(An+B of S) - сложные выборки без JS Раньше «каждый второй среди подходящих…
  5. Sep 25, 2026Post #4631
  6. Sep 25, 2026Кто-то из Anthropic скинул годный трюк для Opus 5.5. Суть простая: в Claude Code дёрни /cl…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →