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