2012-02-23 12 views
2

私のオプションでコントロールが無効になっていないため、ズームコントロールが表示されない理由はありませんか?これはv3のGoogleマップです。誰も似たような問題に直面していますか?私はマウスのスクロールボタンやラップトップのタッチパッドのスクロールを使用してズームイン/ズームアウトすることができます。しかし、アイコン+/-は素晴らしいでしょう!Googleマップv3ズームコントロールが表示されない

var geocoder; 
    var map; 

    function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(42.095287, -79.3185139); 
    var myOptions = { 
     maxZoom: 12, 
     //zoom: 9, 
     //center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    } 
+0

ズームと中央プロパティの前にコメントを削除し、何が起こる:9ともmaxZoom:12? –

答えて

2

マップを正しく表示するには、ズームや中心のプロパティを使用する必要があります。ここでは、オプションで構築されたマップの地図が​​表示されます。 http://jsfiddle.net/5ytkx/9/

あなたはズームの両方を使用する場合

zoom: 9, 
center: latlng, 
+1

ありがとう!答えは違っていたが、私の頭脳でその光を照らした!あなたのフィドルと地図が埋め込まれたMy Sharepointページの間のCSSを比較したon.a css class .gmnoprint {display:none!important;}は犯人でした!すべてのコントロールがなくなったのは不思議ではありません:) –

+0

あなたは歓迎しています。 –

0

myOptions変数に末尾のカンマが含まれている可能性がありますか?

mapTypeId: google.maps.MapTypeId.ROADMAP, 

削除すると機能しますか?

希望します。

+1

コンマを削除しましたが、地図は表示されてもまだコントロールはありません! : –

0

お試しいただけますか?

mapTypeId: google.maps.MapTypeId['ROADMAP'] 
+0

それは本当に助けてくれなかったが、ありがとう! –

関連する問題