Google地圖更改不會在瀏覽器中呈現

Question

這是我的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：真實變量的選擇和測試它在我的瀏覽器（歌劇，火狐，Chrome Canary版）它不會禁用UI。我目前在我的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 
}; 

Answer 1

我記不清楚爲什麼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元素有這些類型的控制也。 You can see them all here