建物の3DモデルをWebブラウザに表示するにはどうすればよいですか？

ユーザーがGoogleマップのストリートビューに似た方法で対話できるように、提案された建物をWebブラウザーで表示しようと思います。どのプラットフォームでもこれを行うことは可能ですか？

私は人類に知られている地理空間形式で建物形式を作成できますが、私が知る限り、Google StreetviewはAPIを使用してポイントを挿入することのみを許可します。これを表示するためにユーザーにプラグインを強制的にダウンロードさせたくありません（これが、Google Earthプラグインを使用したくない理由です）[ コメントに応じてこのポイントを更新する ]。

私が考えていたのは、他のツールで建物の静止画像を使用してパノラマを作成し、それをスクロールして地図に埋め込まれたように見せることでした。これはGoogleの利用規約に反すると思われますが、主にこれがどのように行われるのか興味があります。

また、この機能に有料サービスを使用することも、Kartograph、WebGL、またはhttp://threejs.org/などの3D javascriptライブラリなどの新しいテクノロジーを検討することもできます。

OpenWebGlobe（バックグラウンドでWebGLを使用）をご覧になったことがありますか？

http://swiss3d.openwebglobe.org/

フォーラムに応じて、Collada / KMZモデルを変換してこれにロードできます。

http://forums.openwebglobe.org/viewtopic.php?f=5&t=247

多くは、あなたが望む対話性の種類に依存します。

モデルをジオリファレンスされたKMLまたはKMZファイルに変換できる場合（おそらくSketchupまたはBlenderを使用）、他のKMLと同じ方法でそれを開き、Google Earthで3Dモデルを表示できます（風力タービンでこれを行いました） Googleの大まかな地形解像度にも関わらず、かなり効果的です）。

高品質で多くの詳細を表示する場合は、いくつかの「ヘビーデューティ」アプリケーションを検討する必要があります。たとえば、Unity、Panda3D、またはBlender（BlenderのWebプラグインは「Burster」と呼ばれます）を試すことができます。これらはすべて、Web用の3Dビューアプラグインを持っています

誰かがVRMLに言及しました。VRMLは少し古いもので、X3Dに置き換えられましたが、これにはユーザーがプラグインをインストールする必要もあります。

Flash 3D（Stage3D）は別のオプションであり、ほとんどの人はすでに最新のFlashプラグインがインストールされているので、これはエンドユーザーにとっては大騒ぎの最小です。

より軽量なものが必要な場合、OSM3DはXNavigatorを使用するパントに値するかもしれません。後者は統合コンポーネントとして提供できるため、エンドユーザーは何もインストールする必要がありません（ただし、ビューアがロードされるまで待つ必要があります）。

さて、あなたは2つの異なることについて話しています。ストリートビューは実際には3Dの建物ではなく、パノラマのようなものです。Webブラウザで3D建物を表示する場合は、Google Earth Webプラグインをインストールしてから、3D建物モデルを.KMZとして保存するか、3Dウェアハウス（古いGoogleウェアハウスにロードすることもできます） ）。

このアプローチの1つの例を以下に示します。www.arcgis.com / apps / CEWebViewer/これは、CityEngine 3Dを使用したArcGISであり、建物のセットをズームできます。

私はより多くの例については、周りの検索と呼ばれる都市の視覚化に焦点を当てて面白いものを、発見されてきたhttp://vizicities.com/彼らはここに彼らの可視化を行った方法の説明があります： http://rawkes.com/articles / vizicities-dev-diary-1

興味深い3Dインタラクティブオブジェクトの他の2つの例をここで見ることができます。

• http://floored.com/
• https://sketchfab.com/

別の有望なWebGLアプローチは、KML出力を処理できるCesium（http://cesium.agi.com/demos.html）を使用することです。

Sketchupには、Sketcup Web Exporterと呼ばれるプラグインがあります。これは、建物を各角度の一連のjpegとしてエクスポートするだけでなく、それらをすべて統合するJSコードの小片としてエクスポートします。これは真の3Dソリューションではありませんが、ユーザーは固定された標高でモデルを回転させることができ、プラグインは不要です。 http://www.youtube.com/watch?v=j0Tmlko5YTU 適切な3Dとジオコンテキストが必要な場合は、Google Earthプラグインソリューションを使用します。

GitHubでホストされているAreaCAD-GISオープンソースプロジェクトをご覧になることをお勧めします。リポジトリは、INOVA AreaCAD-GISコンセプトに関連するプロジェクトを促進します。これは、都市の空間関連構造の設計、保守、分析のためのソフトウェアツールのセットです。人気のあるCAD、GIS、およびBIMプラットフォームに基づいて、プロジェクトはUnity 3D、Autodesk Revit、AutoCADアプリケーションおよび関連APIを使用した空間計画およびインフラストラクチャネットワーク設計に関する専門知識を統合します。目標は、INSPIREデータ仕様を使用して前述のプラットフォームバインディングを作成し、設計、シミュレーション、レポートのワークフローに関してゲームのような使いやすさを活用することです。

Threejsには、Webブラウザーで3Dオブジェクトをロードする非常に優れたオプションがあります。山を過ぎて飛ぶ飛行機のそのような例。このリンクにはエベレストが表示されています。

この例では、Colladaオブジェクトとして平面を使用して3Dを生成するためにthreejsライブラリを使用し、Mt everestはSRTM DEMから作成された.bin形式とBluemarbel（250m）画像からのテクスチャを使用して作成されました。この例は、blog.thematicmapping.orgからの抜粋です。

これには、WebGL（クライアントのGPUを使用する）に対応したブラウザが必要であり、プラグインは必要ありません。