如何使用 Google Maps Javascript API 获得鸟瞰图

Question

我正在尝试配置一个谷歌地图对象来向我展示鸟瞰图：

var map;
function initMap() {
    detectBrowser();

    map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 34.05, lng: -118.25},
        mapTypeId: google.maps.MapTypeId.HYBRID,
        zoom: 6,
        heading: 90,
        tilt: 45
    });

    //map.enableRotation()

    map.setTilt(45);
    GMap2.enableRotation();


    //GLargeMapControl3D

}

function detectBrowser() {
    var useragent = navigator.userAgent;
    var mapdiv = document.getElementById("map");

    if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
    } else {
        mapdiv.style.width = '1000px';
        mapdiv.style.height = '800px';
    }

}

我可以看到 45 度的视野。但不是鸟瞰图。我也没有看到相机倾斜控件。

不知何故，这个网址似乎有它：https://www.google.com/maps/@25.7541032,-80.192274,407a,35y,78.6t/data=!3m1!1e3

从这里：https://productforums.google.com/forum/#!topic/maps/rLDvD6qFsS4

Answer 1

将您的 tilt 值更改为 0。

var map;
function initMap() {
    detectBrowser();

    map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 34.05, lng: -118.25},
        mapTypeId: google.maps.MapTypeId.HYBRID,
        zoom: 18,
        heading: 90,
        tilt: 0
    });

    //map.enableRotation()

    //map.setTilt(45);
    GMap2.enableRotation();


    //GLargeMapControl3D

}

function detectBrowser() {
    var useragent = navigator.userAgent;
    var mapdiv = document.getElementById("map");

    if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
    } else {
        mapdiv.style.width = '1000px';
        mapdiv.style.height = '800px';
    }
}