2010-12-01 10 views
15

V3 Javascript APIを使用してアプリにGoogleマップを表示するためのスニペットを次に示します。Google Maps Javascript V3 APIを使用してGoogleマップからMapTypeを削除するにはどうすればよいですか?

var myOptions = { 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 

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

しかし地図には、私が望まない地形、ハイブリッド、衛星が表示されます。これらのコントロールをマップから削除するにはどうすればよいですか。

答えて

53

あなたremove all the default UI

var mapOptions = { 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      disableDefaultUI: true 
     }; 

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

ができ、その後、あなたがadd your own controls

それとも、単にmapTypeControl: false

10

The Google Maps v3 API docが素晴らしいです追加することができますすることができます。

MapOptionsには、 "mapTypeControl"というプロパティがあり、これはブール値です。地図の表示を無効にするには、falseに設定してください。

+0

これがそう受け入れ答え – Buksy

1

Google独自の埋め込みコードから衛星/地形図を無効にするためのURL属性はありません。

+1

する必要があり、この質問は、あなたが 'maps.googleapis.com/mapsでスクリプトタグを持っているでしょう前提のJavaScript API、についてです/ api/js'をソース属性の先頭に追加します。 callback = パラメータを渡して、javascriptコールバック関数を指定することができます。これにより、マップオブジェクトの 'disableDefaultUI'属性を設定できるようになります。 – jonnybot

1

Gmap3 documentationにこのオプションを使用する、唯一のマップコントロールを無効にするには:

mapTypeControl
種類:ブール

マップタイプコントロールの初期の有効/無効の状態。

例:

var options = { 
    // ... 
    mapTypeControl: false 
} 
var map = new google.maps.Map(document.getElementById("map"), options); 
関連する問題