Googleマップの航空写真を無効にする方法は?


89

私はGoogle Maps JavaScript API V 3に取り組んでいます。

すべて正常に動作していますが、右上にあるSATELLITEボタンで表示されるMAPボタンを無効にしたいと思います。

これどうやってするの?

回答:


65

マップを有効にしてオプションをマップに渡すときに、mapTypeControlOptionsを指定する機会があります。これらには、ユーザーが表示できるようにするマップタイプの種類を指定する配列があります。これはhttp://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptionsで確認できます

ユーザーにマップタイプに関するオプションを持たせたくない場合は、マップのmapTypeControlをfalseに設定して指定することもできます。


2
mapTypeControlをfalseに設定すると、確実にコントロールが消えますが、mapTypeControlにSATELLITEボタンとTERRAINボタンのみが含まれるようにカスタマイズするにはどうすればよいですか?
Jatin Dhoot、

それがmapTypeControlOptionsが行うことです。これは、SATELLITEおよびTERRAINがユーザーに表示されるオプションであることを指定できる配列を保持します。
Kasper Vesth、

23
それがv3かどうかはわかりませんが、誰かがこのコントロールを完全に非表示にしたい場合は、に設定mapTypeControlfalseても機能しません。代わりに、設定された(v3では)私のために働いた何:mapTypeControlOptions: { mapTypeIds: [] }
OrPo

124
var myOptions = {
    zoom: 2,
    center: **Your LatLng object**,
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]
    }, // here´s the array of controls
    disableDefaultUI: true, // a way to quickly hide all controls
    mapTypeControl: true,
    scaleControl: true,
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.LARGE 
    },
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // displays in <article id="map_canvas"></article>
//map.mapTypeControl = false; // OPTIONAL: hides the map control

44

サテライトオプションを無効にする:

mapTypeControl: false

ストリートビューを無効にします。

streetViewControl: false

18

あなたはCSSでそれらを隠すことができます

.gm-style-mtc {
  display: none;
}

1
これは将来の証拠ではありません。使用するのが良いmapTypeControlOptions
qarthandso 2017

それは解決策ではありません
エミリアーノ

15

mapTypeControlおよびstreetViewControlオプションをfalseに

 var map = new google.maps.Map(document.getElementById('map_canvas'), {
             center: new google.maps.LatLng(latitudeFirst, longitudeFirst),
             zoom: 12,
             streetViewControl: false,
             mapTypeControl: false
        });  

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.