Google マップの種類

Google マップタイプ

Google マップのハイブリッドタイプ:

Google マップ - 基本的なマップタイプ

Google Maps API では次のマップタイプが利用可能です:

MapTypeId.ROADMAP、デフォルトの道路地図ビューの表示に使用されますMapTypeId.ROADMAP，用于显示默认的道路地图视图
MapTypeId.SATELLITE，用于显示 Google 地球卫星图片
MapTypeId.HYBRID，用于同时显示普通视图和卫星视图
MapTypeId.TERRAIN

MapTypeId.SATELLITE、Google Earth の衛星画像の表示に使用されます

MapTypeId。 HYBRID、通常のビューと衛星ビューを同時に表示するために使用されます

MapTypeId.TERRAIN、地形情報に基づいて実際の地図を表示するために使用されます。

Map を通じて使用されているマップタイプを変更するには、それに対応する 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 Maps API は、特定の場所の特別な 45 度画像をサポートしています。
これらの高解像度画像は、基本方向 (南東、南北) のそれぞれに向けた透視図を提供します。これらの画像は、サポートされているマップタイプのより高いズームレベルでも利用できます。
既存の google.maps.MapTypeId.SATELLITE および google.maps.MapTypeId.HYBRID マップタイプは、高ズームレベルで 45 度の透視画像をサポートします (利用可能な場合)。ズームインした場所にそのような画像がある場合、これらのマップタイプは次の方法でビューを自動的に変更します:
マップ上の既存のパンコントロールが変更され、既存のナビゲーションコントロールコンパスホイールの周囲に新しいコントロールが追加されます。コンパスを使用して 45 度の画像の方向を変更するには、コンパスホイールをドラッグし、画像が含まれるサポートされている最も近い方向に合わせます。

既存のパンコントロールとズームコントロールの間に回転コントロールが表示され、サポートされている方向を中心に画像を回転するために使用できます。回転コントロールは時計回りの回転のみをサポートします。

現在地を中心とした 45 度の透視画像が衛星画像またはハイブリッド画像に置き換わります。デフォルトでは、このタイプのビューは北を向きます。ズームアウトすると、地図はデフォルトの衛星画像またはハイブリッド画像に戻ります。

MapType コントロールは、45 度の画像を表示するためのサブメニューの切り替えコントロールを有効にします。

🎜🎜注: 🎜 45 度の画像を表示するマップタイプをズームアウトすると、すべての変更が元に戻り、元のマップタイプが再構築されます。 🎜🎜次の例は、イタリアのヴェネツィアにあるドゥカーレ宮殿の 45 度のビューを示しています: 🎜🎜🎜Example🎜🎜

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

🎜
インスタンスを実行する »

オンラインインスタンスを表示するには、[インスタンスを実行] ボタンをクリックします

ヒント: Google は、より多くの都市の 45 度画像を継続的に追加しています。最新情報はGoogleマップの45°画像一覧をご覧ください。

Google マップ - 45° 画像の有効化と無効化 - setTilt(0)

Map オブジェクトで setTilt(0) を呼び出すことで、45° 画像を無効にできます。サポートされているマップタイプで 45 度の透視画像を有効にするには、setTilt(45) を呼び出します。

インスタンス

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

Google Maps - リファレンスマニュアル

Google Maps API リファレンスマニュアル。