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：true添加到options变量并在我的浏览器（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
};

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

Google地图更改未在浏览器中呈现

1 个答案: