Googleマップで3種類のマップタイプを表示できません

Question

Googleマップを初めて使用しています。
マップに3種類のマップタイプ（マップ、サテライト、ハイブリッド）のGoogleマップを表示したい。そのために

私は

function initialize() { 
    var mapOptions = { 
    center: new google.maps.LatLng(35.02, 111.02), 
    zoom: 8, mapTypeControlOptions: { 
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE,google.maps.MapTypeId.HYBRID] 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

のようなコードを書いています。しかし、上記のコードで私はマップにのみ地図と衛星マップタイプを表示することができています。第3のマップタイプハイブリッドは地図に表示されない。 また、タイプの衛星をクリックすると、ラベルのようなオプションが表示されます。だから私は衛星の下にラベルオプションを表示したくない。

Answer 1

あなたのマップには、MapTypeIdのラベルのうち2つしか表示できないようです。

ていますが、いつでも

map.setMapTypeId(google.maps.MapTypeId.HYBRID) 

を設定することにより、hybridにマップを強制することができますすることができ、それ等をあなたのコードの末尾のリンク、ボタン、timmer、

をクリックするユーザー

チェックこのjsfiddle：http://jsfiddle.net/RASG/vDLfs/

---

私はちょうどGoogleグループで新しい何かを発見しました。

代わりに、両方のオプションは、「人工衛星」をマウスオーバー時にマップが今、「ラベル」と呼ばれるオプションを追加googleの表示のため、あなたはmapTypeIdsにgoogle.maps.MapTypeId.HYBRIDを追加し、すでにgoogle.maps.MapTypeId.SATELLITEを持っています。

効果はv2の「ハイブリッド」オプションと同じです。

が更新jsfiddleをチェック：http://jsfiddle.net/RASG/vDLfs/6/

Answer 2

地図v3は常に2つのボタンに加えて、これらのボタンのそれぞれのチェックボックスに使用可能な4つのmapTypeIds（HYBRIDロードマップ、航空写真、地形）を凝縮します。だから、 衛星+ HYBRIDは、あなたに地形チェックボックスと地図ボタンを与えるラベルチェックボックスとロードマップ+地形と衛星ボタンを与えます。

あなたはアクティブボタンにカーソルを合わせると、ボタンの下に地形チェックボックスを参照してください地図モードにする必要がありますし、あなたがサテライトでなければなりませんので、チェックボックスがのみ、表示されていることに注意してくださいモードを参照してくださいラベルチェックボックス！

実際にがハイブリッドボタンがあることを確認するためにinterrestingされていますが、追加衛星ずにmapTypeIds にHYBRIDを追加するときにのみ目に見えるようになります。地形ボタンについても同じことが言えます。地形ボタンは、リストにTERRAINを追加したときにのみ表示されますが、ではなく、 ROADMAPです。

mapTypeControlOptions.styleをボタン（HORIZONTAL_BAR）の代わりにドロップダウンボックス（DROPDOWN_MENU）に切り替えると、ドロップダウンボックスには2つ以上の項目が表示されません。ボタンのように、最大​​2つのドロップダウンアイテムと、それぞれのチェックボックスがあります。

Answer 3

ディスプレイにGoogle Earthマップタイプを追加すると、ROADMAPの下のTERRAINオプションとSATELLITEの下のHYBRIDオプションが無効になります。