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。我目前在我的 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 回答