Google maps 如何在streetview中显示左下角的小地图小部件(Google Map JS API)

Google maps 如何在streetview中显示左下角的小地图小部件(Google Map JS API),google-maps,google-street-view,Google Maps,Google Street View,有人知道如何在通过GoogleMapsJSAPI调用的自定义街景上显示左下角的小地图吗 我不久前也遇到了同样的问题,最后在街景全景中做了一个自定义控件。似乎没有一种简单的方法可以用API完成这类事情 在此代码笔中:您将看到一张允许您使用streetview的地图。一旦你使用它,街景全景将加载它的控件,包括一个自定义控件,这是一个带有红色标记的新地图,让你可以在maps.google.com上用pegman做大多数事情 “酷”部分包括: // this is the main map (which

有人知道如何在通过GoogleMapsJSAPI调用的自定义街景上显示左下角的小地图吗


我不久前也遇到了同样的问题,最后在街景全景中做了一个自定义控件。似乎没有一种简单的方法可以用API完成这类事情

在此代码笔中:您将看到一张允许您使用streetview的地图。一旦你使用它,街景全景将加载它的控件,包括一个自定义控件,这是一个带有红色标记的新地图,让你可以在maps.google.com上用pegman做大多数事情

“酷”部分包括:

// this is the main map (which will include a streetview panorama)
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
// this is the panorama
var panorama = new google.maps.StreetViewPanorama(document.getElementById('map-canvas'), panoramaOptions);
// this is the DOM element that will "contain" our custom control
var controlDiv = document.getElementById("map");

// this is the map inside the custom control
var mapControl = new google.maps.Map(controlDiv, {
    zoom: 16,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    draggable: true,
    mapTypeControl: false,
    zoomControl: false,
    rotateControl: false,
    scaleControl: false,
    panControl: false,
    streetViewControl: false
});
// setting the custom control in the panorama
panorama.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(controlDiv);
// set the panorama as streetview of the 'main' map 
map.setStreetView(panorama);
之后,您只需向自定义控件添加内容(我添加了一个标记和一个标记阴影。您还可以更改地图外观,设置新控件(控件异常)等等!),设置所需的侦听器,就这样


希望有帮助

谢谢你,图奇!这就是我试图避免的途径,我想也许API有我错过的东西。我将最终实现类似的东西。如果我最终实现了一个具有正确方向的pegman,给定streetviewPanorama的标题,我将与大家分享!