Question

我对3d.io appeditor有一个关于archilogic的非常基本的请求。

我需要将左下角的平面图按钮添加到此空间：

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

有人知道我必须添加按钮才能显示以及如何设置视点吗？

非常感谢。

Answer 1

看起来该特定图标不在默认的appcreator css中。您可以通过稍微自定义相机模式菜单来添加它，例如像这样：

case class User (
  ...
) {
  var comments: List[Comment] = List()
}

class DatabaseUserRepository @Inject() (db: Database, commentRepo: CommentRepository) extends UserRepository {
  ...
  def findById(id: Long): List[User] = {
    val users = db.withConnection { implicit c =>
      SQL(
        """
          SELECT * FROM users;
        """
      ).as(parser.*)
    }

    users.map { u => u.comments = commentRepo.findByUserId(u.id) }
  }
}

并为SVG图标添加一些css

var comments

Demo here

为获得最佳效果，请将<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>参数调整为您的模型并在某处托管.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图标，该链接可能无法永久保留

添加楼层平面图按钮

1 个答案: