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

13.08.2026 11:52:13 | Хабр

Хабы: JavaScript, TypeScript, CSS, HTML, Геоинформационные сервисы

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

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

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

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

Подробнее

Читайте также

В России определили параметры магнитного охлаждения суперкомпьютеров
13.08.2026 11:49:42 | ferra.ru

Пишу русскоязычный ЯП. Помогите выбрать самый читаемый вариант синтаксиса
13.08.2026 11:41:00 | Хабр

Qwen3.5/3.6 на 16Гб VRAM: кванты, fine-tune, сравнение и немного про Gemma-4
13.08.2026 11:34:57 | Хабр

Пять подписок на нейросети стоят уже $110 в месяц. Посчитал, за что мы вообще платим
13.08.2026 11:33:38 | Хабр

Отчёт VK за квартал: выручка — 43,5 млрд рублей, чистая прибыль — 328 млн рублей
13.08.2026 11:30:13 | vc.ru

Что изучить в DevOps, Kubernetes, observability и сетях для работы с современной инфраструктурой
13.08.2026 11:28:59 | Хабр

Сервис краткосрочной аренды жилья Keygo начнёт работать в Санкт-Петербурге — до этого он был доступен только в Москве и Армении
13.08.2026 11:28:44 | vc.ru

Ubuntu 26.04 как маршрутизатор для GNS3: настраиваем NAT, DHCP и DNS в Hyper-V
13.08.2026 11:16:58 | Хабр

Кэш — это холодильник: TTL, инвалидация и cache stampede
13.08.2026 11:15:59 | Хабр

Агентная правка багов, ч. 1: всё для отладки
13.08.2026 11:07:08 | Хабр

Складной смартфон Galaxy Z Fold «превратили» в мини-компьютер
13.08.2026 11:03:11 | ferra.ru

Зуд от укуса комара или мошки — лютый биохимический прикол
13.08.2026 11:02:47 | Хабр

Grok 4.6 вышел: разбираем тесты и цену долгих задач
13.08.2026 11:00:57 | Хабр

В НГТУ создали установку для испытаний сталей при ударных нагрузках
13.08.2026 10:48:51 | ferra.ru

Бесшовный переезд с Perl на Nuxt: история одного 20-летнего монолита
13.08.2026 10:46:01 | Хабр

Нужен ли радиатор для SSD, или почему чаще всего на нем можно сэкономить
13.08.2026 10:39:27 | Хабр

Поиск в глубину: какие инструменты помогают работать поиску в Uzum Market
13.08.2026 10:39:13 | Хабр

РАТЭК предложила новый механизм защиты бизнеса от атак БПЛА
13.08.2026 10:36:26 | it-world

Elementor PRO или Bricks: почему я перестал выбирать один WordPress-билдер на все проекты
13.08.2026 10:30:53 | Хабр

Как тестировать распределенные системы: тайм-ауты, дубликаты, Saga и частичные отказы
13.08.2026 10:23:38 | Хабр

Шесть человек и root на чужие серверы: зачем я занялся выбором СЭД для учета доступов
13.08.2026 10:09:36 | Хабр

Алгоритм был правильным. Ошибка была в контракте графа
13.08.2026 10:04:39 | Хабр

DeepSeek V4 Pro и Grok 4.6: как изменился баланс цены, скорости и качества
13.08.2026 10:04:23 | Хабр

Китайские нейросети захватывают российский рынок LLM
13.08.2026 09:53:44 | it-world

Горутины изнутри, часть 1
13.08.2026 09:53:41 | Хабр

Российские ученые запатентовали технологию очистки СПГ до 99,9% метана
13.08.2026 09:51:49 | ferra.ru

Восемь раз я думал, что сломал код. Это была платформа
13.08.2026 09:49:20 | Хабр

ИИ будут проверять на соответствие «духовным и нравственным ценностям»
13.08.2026 09:47:12 | it-world

[Перевод] AirSense: самый умный самодельный очиститель воздуха
13.08.2026 09:42:10 | Хабр

Code, Force, Repeat. Олдскульный GUI для олдскульных скриптов. Часть 1. Экспозиция
13.08.2026 09:38:28 | Хабр

Как собрать базовый стек для защиты инфраструктуры на open source
13.08.2026 09:29:38 | Хабр

Twitch разрешит Amazon обучать ИИ на записях стримов
13.08.2026 09:27:38 | vc.ru

Как извлечь знания уходящего эксперта до его увольнения
13.08.2026 09:09:19 | Хабр

Дронопорт на ГОКе: что он реально делает для маркшейдерской службы
13.08.2026 09:05:55 | Хабр

[Перевод] Вы ещё пишете код слева направо? Тогда мы идём к вам
13.08.2026 09:05:25 | Хабр

Смотреть все

НОВОСТИ

В Грузии сообщили об открытии границы с Россией
13.08.2026 18:23:42 | ТАСС

SABA: хуситы заявили об ударе двумя БПЛА по НПЗ Saudi Aramco в Джизане
13.08.2026 18:23:41 | ТАСС

Сеть фитнес-клубов DDX начала проверку после утечки данных клиентов
13.08.2026 18:23:04 | Life.ru

Мельникова назвала эпопею со сложным получением виз настоящим приключением
13.08.2026 18:20:43 | ТАСС

Левитин: КНР и Индия заинтересованы в строительстве торговых ледоколов
13.08.2026 18:20:34 | ТАСС

Блогерша посетила секонд-хенд и удивилась ценной находке
13.08.2026 18:16:28 | Lenta.ru

В Московском регионе порывистый ветер сохранится до вечера 14 августа
13.08.2026 18:15:27 | ТАСС

От казаков до Ялты: Мединский провёл исторический ликбез, почему Курилы всегда были и будут российскими
13.08.2026 18:15:20 | Life.ru

«Песни ушли под воду»: Олег Газманов остался без новых треков из-за потопа в студии
13.08.2026 18:15:12 | Life.ru

Мельникова заявила, что гордится собой после выступления на ЧЕ в Хорватии
13.08.2026 18:14:48 | ТАСС

На Украине нашли черный ящик истребителя МиГ-29, разбившегося в Одесской области
13.08.2026 18:14:01 | ТАСС

Беглов поручил подготовиться к экстренным ситуациям во время выборов
13.08.2026 18:13:26 | ТАСС

Из 200-летнего дуба в Царском Селе сделают скульптуры соловьёв
13.08.2026 18:12:31 | Life.ru

«Пришел с фингалом и расплакался». Сын бывшего федерального министра России арестован по делу о жестокой расправе над курьером
13.08.2026 18:11:39 | Lenta.ru

"Москонцерт" отметит 95-летие в Государственном Кремлевском дворце
13.08.2026 18:11:34 | ТАСС

Комик Долгополов объявлен в розыск по делу о реабилитации нацизма
13.08.2026 18:11:31 | Life.ru

Зевающего котенка манула запечатлели на Алтае
13.08.2026 18:10:40 | Lenta.ru

Руководству Гагаузии отказали в выступлении на общественном телеканале
13.08.2026 18:09:55 | ТАСС

«Экспорт терроризма»: Захарова заявила, что Украина отправляет инструкторов в Латинскую Америку
13.08.2026 18:09:55 | Life.ru

В Брянской области два человека погибли в ДТП с мотоциклом и питбайком
13.08.2026 18:09:42 | ТАСС

В РАФ заявили, что FIA сняла все ограничения с российских автогонщиков
13.08.2026 18:09:13 | ТАСС

Покатались на 3 млн: Работники автомойки разбили Porsche клиента в Москве
13.08.2026 18:09:13 | Life.ru

"Украинская правда": за экс-посла Украины в США Стефанишину внесли залог
13.08.2026 18:09:02 | ТАСС

Захарова указала на доказательства участия стран НАТО в терактах Киева
13.08.2026 18:08:46 | Lenta.ru

Российские войска ударили по портовой инфраструктуре в Очакове и Одессе
13.08.2026 18:07:39 | Life.ru

Захарова: Киев продолжает борьбу с советским и русским наследием
13.08.2026 18:06:58 | ТАСС

Минпромторг заявил о скором начале приема заявок по льготной программе лизинга судов
13.08.2026 18:06:30 | ТАСС

Reuters: Киев предложил России мораторий на боевые действия в Чёрном море
13.08.2026 18:05:47 | Life.ru

Захарова: Киев пытается поставить УПЦ вне закона и разграбить ее имущество
13.08.2026 18:04:51 | ТАСС

Посол Пакистана: к мекканскому пакту может присоединиться любая страна
13.08.2026 18:03:28 | ТАСС

В Италии произошел взрыв на заводе по производству боеприпасов
13.08.2026 18:03:00 | Lenta.ru

Мужчина разбудил медведя и получил штраф на 440 тысяч рублей
13.08.2026 18:02:43 | Life.ru

ЦБ повысил курс доллара на 14 августа до 83,81 рубля
13.08.2026 18:02:03 | ТАСС

Захарова: Снос советских памятников на Украине подтверждает цели СВО
13.08.2026 18:01:37 | Life.ru

20-летний турист устроил фотосессию на вершине водопада, сорвался вниз и не выжил
13.08.2026 18:01:33 | Lenta.ru

Все новости

ВСЕ НОВОСТИ

ПИШИТЕ

Техническая поддержка проекта ВсеТут

info@vsetut.pro