Что такое 3D глобус?
Этот инструмент отрисовывает интерактивную Землю, которую можно вращать, масштабировать и исследовать с помощью Three.js и WebGL. Нажимайте на страны, приближайте регионы и ставьте маркеры в любом месте. Всё работает локально на вашем устройстве.
Глобус — это WebGL-сфера с текстурой NASA Blue Marble. Тяните, чтобы вращать, прокручивайте колесо, чтобы увеличить вид с континента до уровня города, и кликайте по городу в списке, чтобы камера улетела туда. Кнопки знаменитых мест отправляют прямо к Эйфелевой башне, Эвересту, Мачу-Пикчу и другим знаковым точкам. Маркеры остаются привязаны к широте и долготе при вращении, светящиеся дуги соединяют их по порядку, а сверху отображается общая длина дуги большого круга в километрах и милях. Сохраняйте текущий вид как PNG или копируйте ссылку для шеринга — открывший её увидит ту же сферу со всеми вашими метками на местах.
Как использовать
- Нажмите и перетащите для вращения глобуса, прокрутите для увеличения и уменьшения масштаба
- Нажмите на любую страну, чтобы увидеть её название, или воспользуйтесь поиском для нахождения конкретного места
- Добавляйте пользовательские маркеры, вводя координаты или нажимая на поверхность глобуса
Когда использовать
- Отметить остановки путешествия по нескольким странам и поделиться с друзьями.
- Сделать быструю иллюстрацию для урока географии: столицы или природные зоны.
- Набросать логистическую карту складов или дистрибьюторов перед совещанием.
Результат
Вы планируете кругосветное путешествие и хотите визуализировать маршрут. Найдите каждый пункт назначения, установите маркеры на Токио, Сидней, Кейптаун и Рио-де-Жанейро, затем вращайте глобус, чтобы увидеть весь маршрут.
Частые вопросы
- Откуда берутся координаты и названия городов?
- Города загружаются из локальной базы примерно на 3000 столиц и крупных мегаполисов, вшитой в страницу. Свои метки принимают любую пару широта-долгота, поэтому можно поставить булавку в деревне, которой нет в списке.
- Работает ли он без интернета после загрузки страницы?
- Да. Текстура глобуса, база городов и 3D-движок загружаются вместе со страницей и потом работают из кэша. Включите авиарежим — глобус продолжит вращаться, а новые метки добавляться.
- Почему при сильном приближении карта расплывается?
- Текстура примерно 4K, поэтому ниже уровня страны появляются пиксели. Сама сфера остаётся гладкой, но изображение не дотягивает до уровня улиц, как профессиональная спутниковая карта.
- Как добавить место, которого нет в поиске?
- Откройте панель меток и впишите широту (север — плюс, юг — минус) и долготу (восток — плюс, запад — минус). Например, Сочи примерно 43.60 и 39.73. Метка ляжет на поверхность, ей можно дать название.
- Можно поделиться видом глобуса с кем-то?
- Двумя способами. Кнопка «Снимок» сохраняет текущий ракурс камеры как PNG в разрешении вашего экрана. Кнопка «Поделиться ссылкой» копирует URL со всеми маркерами и их именами — открывший её увидит тот же глобус с теми же метками, готовый к перелётам между ними.
Похожие инструменты
3D-макет коробки/упаковки
Просмотр дизайна упаковки в 3D
3D-диаграмма рассеяния
Визуализация точек данных в трёхмерном пространстве
3D-просмотрщик рельефа
Визуализация карт высот в виде 3D-рельефа
3D-витрина Товаров
Вращайте и рассматривайте товары в интерактивном 3D
Создание 3D-текста
Создавайте объёмный 3D-текст с уникальными стилями
Площадка WebGL-шейдеров
Пишите и просматривайте GLSL-шейдеры в реальном времени