1

これは私の JavaScript コードです。 

(function() {
      window.onload = function() {

    // Creating a reference to the mapDiv
    var mapDiv = document.getElementById('map');

    // Creating a latLng for the center of the map
    var latlng = new google.maps.LatLng(37.09, -95.71);

    // Creating an object literal containing the properties 
    // we want to pass to the map  
    var options = {
      center: latlng,
      zoom: 2,   
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    // Creating the map
    var map = new google.maps.Map(mapDiv, options);
  }
})();

オプション変数に disableDefaultUI: true を追加し、ブラウザ (Opera、Firefox、Chrome Canary) でテストすると、UI が無効になりません。現在、My Mac OSX バージョン 10.6.8 で Eclipse Indigo を使用しています。ブラウザのキャッシュなどに問題がありますか? 私のコードは問題ないようです。ブラウザでレンダリングされない理由がわかりません。

var options = { 
zoom: 3,
center: new google.maps.LatLng(37.09, -95.71),
 mapTypeId: google.maps.MapTypeId.ROADMAP, 
 disableDefaultUI: true
};
4

1 に答える 1

2

最近作業したマップで disableDefaultUI プロパティが何もしなかった理由を正確に思い出せません。私が回避した方法は、各 ui 要素を直接制御することでした。

var options = {
    // Required map properties here

    // Set how Zoom is to look
    zoomControl : true,
    zoomControlOptions : {
        style : google.maps.ZoomControlStyle.SMALL,
        position : google.maps.ControlPosition.TOP_LEFT
    }
}

上記の例では、ズーム コントロールをスライダーではなくコンパクトなプラスとマイナスに変更していますが、次のようにしてオフにすることができます。

zoomControl : false

他のすべての UI 要素にも、これらのタイプのコントロールがあります。ここでそれらすべてを見ることができます

于 2012-09-06T15:23:14.687 に答える