如何将 3D-Vista 集成/交互到 Angular 组件中

如何将 3D-Vista 集成/交互到 Angular 组件中

我决定写这篇博客是因为我找不到一个很好的资源来获得将 3D-Vista 与 Angular 集成和交互的最佳方式。我希望它对你有帮助。

假设您有一个 Angular 应用程序和一个 3D-Vista 构建资产。以下是如何从 Tour 中获取输出并以角度使用它。

步骤 1 添加事件发射器 （可选的）： ** __如果您不想从游览中发出数据，则可以跳过此步骤，即您的游览目的只是为了查看。在需要发出数据的地方，将下面的代码粘贴到“ ** 执行 JavaScript ”并根据需要修改键值对。

在发布时组织所有内容后选择 网络/移动 接着 发布 并选择需要创建构建的目的地。

应该看起来像这样 （构建资产） ：

Tour 是通过上面生成的 index.html 访问的。为了打开它，我们需要通过服务器为它提供服务，因为 “CORS” 政策。所以现在我们准备好集成了，我们已经从服务器和 Angular 应用程序中提供了构建资产，所以， 让我们开始吧 ！

第 2 步（Iframe） ：

创建一个 ** 框架** 在里面 ** 索引.html** 并提供提供给 资源 属性。到目前为止，您将能够成功访问该导览，但无法获得响应。

第 3 步（添加事件监听器）：

仅当您遵循事件发射器发出数据的步骤 1 时，此步骤才有效。打开 索引.ts 并将事件侦听器添加为下面提到的任何一个。事件对象包含您可以根据您的要求的数据。

确保事件名称是消息，因为我们正在使用窗口发布消息。在 3D-Vista 中编写 java 脚本时，请注意评论，因为目前无法识别其中的评论，并且正在抛出错误。

这是一个包装。我希望这对您有所帮助。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/2870/15593108