Что такое 3D глобус?

Этот инструмент отрисовывает интерактивную Землю, которую можно вращать, масштабировать и исследовать с помощью Three.js и WebGL. Найдите город, ставьте метки в любом месте и измеряйте расстояние между ними. Всё работает локально на вашем устройстве.

Глобус — это WebGL-сфера с текстурой NASA Blue Marble. Тяните, чтобы вращать, прокручивайте колесо, чтобы увеличить вид с континента до уровня города, и кликайте по городу в списке, чтобы камера улетела туда. Кнопки знаменитых мест отправляют прямо к Эйфелевой башне, Эвересту, Мачу-Пикчу и другим знаковым точкам. Маркеры остаются привязаны к широте и долготе при вращении, светящиеся дуги соединяют их по порядку, а сверху отображается общая длина дуги большого круга в километрах и милях. Сохраняйте текущий вид как PNG или копируйте ссылку для шеринга — открывший её увидит ту же сферу со всеми вашими метками на местах.

Как использовать

1. Нажмите и перетащите для вращения глобуса, прокрутите для увеличения и уменьшения масштаба
2. Нажмите в любой точке глобуса — там появится метка с широтой и долготой этой точки, либо воспользуйтесь поиском, чтобы перелететь прямо к городу
3. Добавляйте пользовательские маркеры, вводя координаты или нажимая на поверхность глобуса

Когда использовать

• Отметить остановки путешествия по нескольким странам и поделиться с друзьями.
• Сделать быструю иллюстрацию для урока географии: столицы или природные зоны.
• Набросать логистическую карту складов или дистрибьюторов перед совещанием.

Результат

Вы планируете кругосветное путешествие и хотите визуализировать маршрут. Найдите каждый пункт назначения, установите маркеры на Токио, Сидней, Кейптаун и Рио-де-Жанейро, затем вращайте глобус, чтобы увидеть весь маршрут.

Частые вопросы

Откуда берутся координаты и названия городов?

Поиск работает по вшитому в страницу списку из 92 столиц и крупнейших городов мира (у каждого есть названия на разных языках) плюс 12 кнопок знаменитых мест. Свои метки принимают любую пару широта-долгота, поэтому можно поставить булавку в деревне, которой нет в списке.

Работает ли он без интернета после загрузки страницы?

Почти всё. Список городов, 3D-движок и ваши метки лежат на устройстве, но изображения Земли (Blue Marble, рельеф, ночные огни) подгружаются с публичного CDN при первой отрисовке глобуса. После того как они попадут в кэш, можно включить авиарежим: глобус продолжит вращаться, принимать метки и считать расстояния.

Почему при сильном приближении карта расплывается?

Текстура примерно 4K, поэтому ниже уровня страны появляются пиксели. Сама сфера остаётся гладкой, но изображение не дотягивает до уровня улиц, как профессиональная спутниковая карта.

Как добавить место, которого нет в поиске?

Откройте панель меток и впишите широту (север — плюс, юг — минус) и долготу (восток — плюс, запад — минус). Например, Сочи примерно 43.60 и 39.73. Метка ляжет на поверхность, ей можно дать название.

Можно поделиться видом глобуса с кем-то?

Двумя способами. Кнопка «Снимок» сохраняет глобус ровно таким, каким вы его видите: размер PNG равен размеру области глобуса, так что для картинки побольше сначала разверните его на весь экран. Кнопка «Поделиться ссылкой» копирует URL со всеми маркерами и их именами — открывший её увидит тот же глобус с теми же метками, готовый к перелётам между ними.

Похожие инструменты