3D прогулка по улицам в браузере
Много лет существуют Google Earth + Street View и в свое время они вызвали восторг, когда можно виртуально погулять в заморских странах, в Гималая или же по двору детства. Это было очень необычно для тех времен, когда еще кругом щебетали dial-up модемы.
С тех пор прошло 20 лет: теперь трассировка лучей в играх это реальность и видеокарты нагревают воздух не только из-за трехмерной графики в UE5 или Unity, но и майнят крипту/запускают нейросети. Новомодные метавселенные — это хорошо забытое старое, когда маркетинг пытается донести потребителям что без взаимодействия в дополненной реальности общаться и вести бизнес в социальных сетях не современно. А визуализация геоданных не так далеко ушла от изначальной идеи из Earth. Если вдруг эти сервисы окажутся недоступны, то с чем мы останемся вместо?
В мае этого года вышел streets-gl — 3D визуализатор карт OpenStreetMap в браузере на основе WebGL2. По качеству картинки и поддерживаемым данным OSM, на мой взгляд, это лучший проект!
streets-gl свободное программное обеспечение с лицензей MIT и фронтэндеры могут дорабатывать этот проект на TypeScript, вся логика работы в браузере, а сервер лишь раздает заранее подготовленные векторные тайлы. Это далеко не первый проект для OSM где можно бродить в 3D мирах. Есть также 3D игры и десктоп приложения на основе OpenStreetMap данных, но сейчас речь не об этом. В браузере есть F4 Map им можно пользоваться бесплатно, хотя не получится установить на своих серверах — это проприетарный продукт. OSM-3D использует java applet в браузере и версию Java 1.6, что небезопасно да и современные браузеры не поддерживают.
Streets.GL поддерживает динамическое освещение, тени и шейдеры воды. Днем солнце путешествует по небосводу меняя свой цвет и освещенние зданий и засветку неба, а ночью на небе появляются звезды. Высоту солнца над горизонтом программа расчитывает по алгоритму, зависящем от текущего даты/времени и широты/долготы места из которого мы наблюдаем мир.
Глубину резкости камеры можно включить в настройках:
Так дома на Ходынском поле смотрятся гораздо интереснее
Визуализатор учитывает основные теги 3D-свойств зданий. Если вдруг ваше здание не отображается так красиво как вы его видете каждый день, то всегда есть возможность отредактировать данные в OpenStreetMap по инструкциям проекта. Например, видно что команда Maps.Me, когда проект пренадлежал mail.ru, постаралась внести данные о своем офисе и переходном мосту через Ленинградский проспект рядом с ним:
Проект не поддерживает смену времен года, снег, а так же не рисует дым из трубы и брызги фонтанов. По всему этому F4Map пока еще впереди.
Крейсер «Аврора» в снег (F4Map)
Вроде на дворе зима, а северную столицу streets.gl рисует в зелени:
Хотя картинка в Streets.GL все равно выглядит более реалистично, особенно у моря и в горах!
Олимпийский парк в Сочи
На странице проекта указаны его главные цели: предоставление возможности исследовать данные OSM в 3D, продвижение открытых данных и предоставление картографическому сообществу возможности легко проверять карту визуальными средствами.
Можно сохранять список мест для просмотра, а также поделиться ссылкой на конкретное место в мире по URL, где в адрес добавляются координаты и направление камеры.
Проект доступен на GitHub и по ссылке streets.gl
