如何通过Google Maps API和JS在街景模式下启用角落小地图

你要启用的是街景全景图的概览地图控件，这个控件不属于基础Map对象的配置，需要在街景全景图（StreetViewPanorama）的实例化参数中开启。

方案一：直接实例化街景并启用小地图 #

如果需要默认显示街景并带小地图，可按以下代码修改：

// 初始化基础地图
_map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(lt, ln),
    zoom: 16,
});

// 实例化街景全景图，启用角落小地图
const panorama = new google.maps.StreetViewPanorama(
    document.getElementById("map"),
    {
        position: new google.maps.LatLng(lt, ln),
        pov: { // 初始视角配置，可按需调整
            heading: 34,
            pitch: 10
        },
        overviewMapControl: true, // 核心配置：启用角落小地图
        visible: true // 默认显示街景
    }
);

// 将街景关联到基础地图，支持切换
_map.setStreetView(panorama);

方案二：给基础地图的街景模式默认启用小地图 #

如果希望用户切换到街景模式时自动显示小地图，可在Map初始化时配置街景选项：

_map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(lt, ln),
    zoom: 16,
    streetViewOptions: {
        overviewMapControl: true // 开启街景模式的角落小地图
    }
});

开启后，街景模式下右下角会显示你示例中的小地图，点击小地图可快速调整街景视角位置。

内容的提问来源于stack exchange，提问作者Vereonix