Googleマップタイプ
Googleマップ - 基本マップタイプ
Google Maps APIでは、次のマップタイプが利用可能です。
1.maptypeid.roadmap。デフォルトのロードマップビューを表示するために使用されます
2.Maptypeid.Satellite、Google Earth Satellite画像の表示に使用されます
3.maptypeid.hybrid、通常のビューと衛星ビューの両方を表示するために使用されます
4.maptypeid.terrain。地形情報に基づいて実際のマップを表示するために使用されます。
マップを介して使用されているマップタイプを変更するには、MapTypeIDプロパティを設定できます。
var mapprop = {center:new Google.maps.latlng(51.508742、-0.120850)、Zoom:7、MapTypeid:Google.maps.maptypeid.hybrid};または、maptypeidを動的に変更します。
map.setmaptypeid(google.maps.maptypeid.hybrid);
Googleマップ-45°画像
GoogleマップAPIは、特定の場所の特別な45°の画像をサポートしています。
このような高解像度の画像は、各基本的な方向(南東、北西、北)に対する視点の見解を提供します。サポートされているマップタイプの場合、これらの画像はより高いズームレベルも提供します。
既存のgoogle.maps.maptypeid.satelliteおよびgoogle.maps.maptypeid.hybridマップタイプは、45°のパースペクティブ画像の高いズームレベルをサポートしています(もしあれば)。ズームインした場所にそのような画像がある場合、これらのマップタイプは、次のようなビューを自動的に変更します。
1.マップ上の既存のPANコントロールは、既存のナビゲーションコントロールの周りにコンパスローターを追加するために変更されます。コンパスホイールをドラッグし、その方向を画像を含む最も近い支持方向に向けることにより、このコンパスを介して45°の画像の方向を変更できます。
2。回転制御は、既存の翻訳とズームコントロールの間のギャップを表示します。これは、サポートされている方向の周りの画像を回転させるために使用できます。回転制御は、時計回りの回転のみをサポートします。
3.現在の位置を中心とした45°の視点画像は、衛星画像または混合画像を置き換えます。デフォルトでは、そのようなビューは北に向きます。ズームアウトすると、マップはデフォルトの衛星または混合画像を再表示します。
4. MapTypeコントロールにより、サブメニュートグル制御が45°の画像を表示できるようにします。
注:45°の画像を表示するマップタイプを減らすと、すべての変更が復元され、元のマップタイプが再構築されます。
次の例は、イタリアのヴェネツィア公爵の45°の眺めを示しています。
例
<html> <head> <scriptsrc = "http://maps.googleapis.com/maps/api/js?key=aizasydy0kkjitpvd2u7atoawhc9ysh6ohxoiym&sensor = false"> </script> </</</< Google.maps.latlng(45.434046,12.340284); function initialize(){center:mycenter:mycenter、zoom:18、google.maps.maptypeid.hybrid}; var map = new google.maps.map(document.getElementById( "googlemap")、mapprop);} google.maps.event.adddomilistener(window、 'load'、initialize); </script> </head> <body> <div id = "googlemap"> </div> </body> </html>ヒント:Googleは、より多くの都市に45°の画像を常に追加しています。最新情報については、Googleマップの45°の画像リストを参照してください。
Googleマップ - 45°の画像を有効にして無効にする-Settil(0)
MapオブジェクトでSettil(0)を呼び出すことにより、45°の画像を無効にすることができます。サポートされているマップタイプに45°のパースペクティブ画像を有効にするには、Settilt(45)を呼び出します。
例
<html> <head> <scriptsrc = "http://maps.googleapis.com/maps/api/js?key=aizasydy0kkjitpvd2u7atoawhc9ysh6ohxoiym&sensor = false"> </script> </</</< Google.maps.latlng(45.434046,12.340284); function initialize(){center:mycenter:mycenter、zoom:18、google.maps.maptypeid.hybrid}; var map = new google.maps.map(document.getElementById( "googlemap")、mapprop); map.settilt(0);} google.maps.event.adddomlistener(window、 'load'、initialize); </scrip> </head> <body> <div id = "googlemap"> </div> </html> </body> </html>上記は、Googleマップのタイプ情報の簡単な編集と説明です。 Googleマップの開発を支援できる友人が、今後も関連する知識を追加し続けることを願っています。このサイトへのご支援ありがとうございます!