2016-04-22 21 views
-2

衛星ビューでGoogle Mapをロードし、地球をスムーズに回転させてGoogle Earthのオープニングを模倣するプロジェクトがあります。スピンGoogleマップ衛星画像をプログラムで表示

地球儀を回転させる方法がなくても、今日私はv3のドキュメントにいました。

v3 APIを使用してグローブを回転させるためのドキュメント(または例)を誰かに接続できますか?

+0

Google MapsのAPIは、グローブマップタイプをサポートしていません。CSSプロパティを変更することでそれを行うことができます回避策をお探しですか? –

+0

@GökhanKurtはい私です。人のようにクリックとドラッグをシミュレートするものは、https://www.google.com/maps/@-47.8271089,-139.0489891,22971709m/data=!3m1!1e3 – jerrygarciuh

+1

で実行できます。何を求めているかは自明ではありません。まず、マップapiタイルはhtml画像で描画されます。グローブを描くには、タイル画像をグローブに投影してキャンバス上にレンダリングする必要があります。これらを実装したら、それをどのように回転させるかを尋ねることができます。そうでなければ、少なくとも人の週を要するプロジェクトを書くように頼んでいます。 –

答えて

0

あなたが言及したように、Googleマップにはこの機能がありません。しかし、あなたはtransform: rotate([angle]deg);

var mapOptions={ 
 
    zoom: 8, 
 
    center: new google.maps.LatLng(52, 1), 
 
    mapTypeId: google.maps.MapTypeId.SATELLITE 
 
}; 
 
var map=new google.maps.Map(document.getElementById('map'),mapOptions); 
 

 
var angle=0; 
 
setInterval(function(){ 
 
    document.getElementById('map').style.transform='rotate('+angle+'deg)'; 
 
    angle++; 
 
    if(angle==360){ 
 
    angle=0; 
 
    } 
 
},50);
#wrapper{ 
 
    width: 300px; 
 
    height: 300px; 
 
    position: relative; 
 
    overflow: hidden; 
 
} 
 

 
#map{ 
 
    position: absolute; 
 
    left: -100px; 
 
    top: -100px; 
 
    right: -100px; 
 
    bottom: -100px; 
 
}
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script> 
 
<div id="wrapper"> 
 
    <div id="map"></div> 
 
</div>

https://developers.google.com/maps/documentation/javascript/maptypes#BasicMapTypes

+0

これは私が必要とするものに近いですが、このリンクのような衛星ビューを表示し、地球儀のように回転させる必要があります。 https://www.google.com/maps/@14.5497904,-80.7789379,11469636m/data=!3m1!1e3 – jerrygarciuh

+0

衛星ビューでもできますか? – jerrygarciuh

+0

ありがとうございます。私はあなたの変更に警告されませんでした。私は23時間以内にあなたの答えに授与される500ポンドの賞金を払った。 – jerrygarciuh

関連する問題