javascript - 默认情况下 Google map v3 地形 View

Question

我正在尝试将我的谷歌地图嵌入默认地形 View 。附件是我的代码，它可以正确加载所有内容，除了我将默认 View 设置为地形的 map 选项。我将其设置为仅将选择限制为地形，但当您最初加载页面时，它位于默认的混合 View 上。

var map, marker, latLngToPixel;
var middle_earth_MORADOR = new google.maps.LatLng(38, 0);

function initialize() {

    var mapOptions = {
        zoom: 2,
        center: middle_earth_MORADOR,
        backgroundColor: "#000",
         mapTypeControlOptions: {
             mapTypeIds: [google.maps.MapTypeId.TERRAIN]
         },
         mapTypeId: google.maps.MapTypeId.TERRAIN
    };

    var locations = [
        // PHP LOOP FOR FEATURED PROJECTS   
    ];

    map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

    var styledMapOptions = {
        map: map,
        name: "map"
    }

    var build =  new google.maps.StyledMapType(styledMapOptions);
    map.mapTypes.set('map', build);
    map.setMapTypeId('map');
    var infowindow = new google.maps.InfoWindow();
    var marker, i;

    for (i = 0; i < locations.length; i++) {    

        marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            icon: 'http://staging.******.com/css/images/pin.png',
            map: map,
        });

         marker.setAnimation(google.maps.Animation.DROP);
         setTimeout(function(){ marker.setAnimation(null); }, 1750);

        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                window.location = "http://staging.******.com/projects/" + locations[i][4];
            }
        })(marker, i));
    }
}

Answer 1

我认为您可以通过将属性 disableDefaultUI 设置为 true 来禁用 map 的默认 UI，然后在选项中将 TERRAIN 设置为 mapTypeId 正如我下面的做法:

function loadMap() {
var myLatlng = new google.maps.LatLng(lat,lan);
  var myOptions = {
    zoom: 3,
    center: myLatlng,
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };
   map = new google.maps.Map(document.getElementById("map"), myOptions);
//code
}