Кнопка добавления плана этажа

Question

У меня есть довольно простой запрос, касающийся архилогики с помощью приложения 3d.io.

Мне нужно добавить кнопку плана этажа в левом нижнем углу к этому месту:

https://spaces.archilogic.com/model/Panoraman/hvaj2t1s?modelResourceId=375c42b6-dd27-4e13-94f9-a822b4d31f15

Кто-нибудь знает, я должен добавить, чтобы кнопка появилась и как установить точку обзора?

Очень признателен.

Answer 1

Похоже, что этот конкретный значок отсутствует в css для appcreator по умолчанию. Вы можете добавить его, немного настроив меню режима камеры, например, так:

 <div class="camera-mode">
    <div class="btn camera active"
         onclick="document.querySelector('.waypoints').classList.toggle('hide'), this.classList.toggle('active')">
    </div>
    <div class="btn bird"
         id="btn-bird"
         onclick="document.querySelector('[camera]').components['tour'].updateViewPoint({position:{y:7}, rotation:{x:-60}}),document.querySelectorAll('.camera-mode .btn:not(.camera)').forEach(function(e){e.classList.remove('active')}),  this.classList.add('active')">
    </div>
    <div class="btn person active"
         id="btn-person"
         onclick="document.querySelector('[camera]').components['tour'].updateViewPoint({position:{y:1.6}, rotation:{x:0}}),document.querySelectorAll('.camera-mode .btn:not(.camera)').forEach(function(e){e.classList.remove('active')}), this.classList.add('active')">
    </div>
    <div class="btn floorplan"
         id="btn-floorplan"
         onclick="document.querySelector('[camera]').components['tour'].updateViewPoint({position:{y:10}, rotation:{x:-90}}),document.querySelectorAll('.camera-mode .btn:not(.camera)').forEach(function(e){e.classList.remove('active')}),  this.classList.add('active')">
    </div>
  </div>
</div>

и добавив немного CSS для иконки SVG

.btn.floorplan {
  background-image:url(https://spaces-static.archilogic.com/build/180201-164834-458aa7c/e3d/ui/icon-floorplan-black.svg)
}
.btn.floorplan.active {
  background-image:url(https://spaces-static.archilogic.com/build/180201-164834-458aa7c/e3d/ui/icon-floorplan-blue.svg)
}

Демо здесь

Для получения оптимальных результатов отрегулируйте position Параметр для вашей модели и хост icon-floorplan-black.svg а также icon-floorplan-blue.svg значки где-то, эта ссылка не может оставаться вечно