2013-07-02 7 views
6

現在の飛行機のライブマップ3dを作成する必要があります。プラグインをダウンロードせずにブラウザで実行できる必要があります( Google Earth )。Googleマップ/ルートの3D表現ですか?

私はalready managed doingグーグルマップと似たような:

enter image description here

しかし、私は3d - globe POVでそれを表示できるようにする必要があります。

のようなもの: enter image description here

は何があります私はGoogleマップでそれらをglobe-3dにすることができますか、私は使用できる他のもの(API)がありますか?

答えて

7

良いスタート地点は、Google Data Artsチームのwebgl-globeです。それはthree.jsとWebGLの上に構築されています:

enter image description here

をあなたがアークにバーを変更する必要があるだろうが、それはスタートだ:)

警告:WebGLのはでインタラクティブな3Dを取得するための最良の方法です他の依存関係のないブラウザーですが、サファリやIE​​ではまだサポートされていません。また、ユーザーにグラフィックスドライバーがない場合もあります。

+1

IEでサポートされていないというのは本当に問題です...(と私はie10でテストしました...) –

+0

Internet Explorer用のWebGLプラグインがあります:http://iewebgl.com。それがあなたのニーズを満たさない場合、マイクロソフトはWebGLサポートがIE11に含まれることを確認しました:http://techcrunch.com/2013/06/26/microsoft-confirms-webgl-support-for-internet-explorer-11/ – richj

1

mercantor投影法を使用して球座標をGoogleマップタイルにマップすることができます。e。ピクセル座標。次に、オープンソースライブラリを選択してキャンバスに描画し、単純な行列変換を追加して地球儀を回転させることができます。タイルマッピングはクワッドキーで動作します。ここには、http://msdn.microsoft.com/en-us/library/bb259689.aspxの説明があります。

1

私はツイートを見たことがありますが、私はPaul Irishによって、地球儀の形を作るためにCSSを使ってGoogleマップを変更できると思っています。それだけで、最新のクロームだったとして、それが更新された場合

http://updates.html5rocks.com/2012/09/Interactive-Globe-with-CSS-shaders-Google-Maps

は分からないのですが、それは見てみる価値があるかもしれません。

+0

ありがとうございますが、特別な設定のカナリアン(about:flags)、 - enable css shaders ...........私はクライアントにそのことを伝えることはできません:-) –