Я хочу использовать Google Maps API, но с 3D-зданиями в моем коде React.JS

Question

я пытаюсь создать карту своего университета, но я хочу, чтобы она была в 3D, поэтому, если кто-то захочет найти конкретную аудиторию на 3-м этаже, он сможет повернуть карту и увидеть ее.вместо опции Google Maps API 2D, где вы можете просто увидеть ее сверху.Дело в том, что мне это нужно в коде JS, поэтому я могу использовать его в своем проекте React.js, и я с нетерпением жду возможности генерировать каждую точку внутри карты из базы данных.Потому что я хочу, чтобы пользователь мог использовать поле фильтра, чтобы он мог искать конкретную точку и находить ее, используя координаты.Я пытаюсь использовать Babylon, но эта демонстрация слишком тяжелая:

https://axeon.fr/CLIENT/EIFFAGE/Bordeaux.Hyperion/#/MAQUETTE_RT/index.html

Моя первая идея пришла из API Карт Google, нужно сделать то же самое, но с использованием трехмерных зданий,

Answer 1

Вы можете отобразить свою карту в 2D, используя любой API-интерфейс, который вам нужен, и определить булавки на карте для предварительно заданной точки интереса (POI).После щелчка вы можете переключить вид в режим 3D и отобразить холст, прикрепленный к вашему механизму 3D-рендеринга, такому как Babylon, который заботится об отображении здания и всех тех трехмерных взаимодействий, которые вы хотели бы предложить своим пользователям.В любой момент времени пользователь может переключаться между 2D-картой и 3D-сценой и выбирать другой POI.По сути, компонент 2D-карты просто передает идентификатор POI в 3D-компонент и загружает необходимые фигуры.Также может быть хорошей идеей взглянуть на caesium , который является библиотекой JavaScript с открытым исходным кодом для 3D-глобусов и карт мирового класса.