8

Google マップは初めてです。
Google マップを 3 つの異なるマップ タイプ (マップ、サテライト、ハイブリッド) でマップに表示したいと考えています。

そのために私は次のようなコードを書いています

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 番目のマップ タイプ ハイブリッドはマップに表示されません。また、タイプのサテライトをクリックすると、 Label のようなオプションが表示されます。したがって、サテライトの下にラベル オプションを表示したくありません。

4

3 に答える 3

8

マップ v3 は常に、利用可能な 4 つの mapTypeId (HYBRID、ROADMAP、SATELLITE、TERRAIN) を 2 つのボタンと、これらの各ボタンのチェックボックスにまとめます。そのため、SATELLITE + HYBRID は[ラベル] チェックボックスのある [衛星] ボタンを提供し、ROADMAP + TERRAIN は[地形] チェックボックスのある [地図] ボタンを提供します。

チェックボックスは、アクティブなボタンの上にカーソルを置いたときにのみ表示されることに注意してください。そのため、ボタンの下の [地形] チェックボックスを表示するにはマップモードにする必要があり、[ラベル]チェックボックスを表示するには衛星モードにする必要があります。

実際にHybridボタンがあるのは興味深いですが、SATELLITE を追加せずに HYBRID を mapTypeIds に追加した場合にのみ表示されます。[地形] ボタンについても同様で、[地形] をリストに追加したときにのみ表示されますが、 [ロードマップ] は表示されません。

mapTypeControlOptions.style をボタン (HORIZONTAL_BAR) ではなくドロップダウン ボックス (DROPDOWN_MENU) に切り替えても、結果のドロップダウン ボックスに 2 つ以上の項目が表示されません。ボタンと同じように、最大​​ 2 つのドロップダウン項目とそれぞれのチェックボックスがあります。

于 2013-01-31T11:47:44.573 に答える
5

MapTypeIdマップには 4 つのラベルのうち 2 つしか持てないようです。

hybridただし、設定することでマップを強制することができます

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

ユーザーがリンク、ボタン、タイマー、コードの最後などをクリックするときはいつでも。

このjsfiddleをチェックしてください：http://jsfiddle.net/RASG/vDLfs/

ddd

Google グループで新しいことを発見しました。

に追加google.maps.MapTypeId.HYBRIDするとmapTypeIds、既に がありgoogle.maps.MapTypeId.SATELLITE、両方のオプションを表示する代わりに、「衛星」にマウスを合わせると、Google マップは「ラベル」というオプションを追加します。

この効果は、v2 で「ハイブリッド」オプションを使用した場合と同じです。

更新された jsfiddle を確認してください: http://jsfiddle.net/RASG/vDLfs/6/

ええ

于 2012-10-12T15:52:56.173 に答える
0

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

于 2013-12-09T23:49:30.033 に答える