Question

我正在使用Google Maps JavaScript API v3。是否可以在谷歌地图中禁用/隐藏所有街景UI？

我试过

disableDefaultUI: true

在地图选项中，但不会在街景视图中禁用用户界面。

我正在使用以下代码在点击标记事件上显示街景：

service.getPanoramaByLocation(marker.getPosition(), 200, function(result, status) {
    if (status == google.maps.StreetViewStatus.OK) {
        var panorama = map.getStreetView();
        panorama.setPosition(result.location.latLng);
        panorama.setVisible(true);
        disableDefaultUI: true;
    } else {
        alert("No street view is available within " + 200 + " meters");
        return;
    }
});

Answer 1

您可能需要查看此内容：https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanoramaOptions

var panoramaOptions = {
    disableDefaultUI: true
};

panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);

这是demo。

Answer 2

您必须使用地图选项streetViewControl并将其设置为false，如：

var mapOptions = {
    zoom: 15,
    center: new google.maps.LatLng(52.5, 13.4),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    streetViewControl: false
};

Answer 3

如果您使用的是角度8，可以按以下方式进行操作：

"@angular/google-maps": "^10.1.3", --> package.json

<google-map width="100%" height="100%" [center]="center" [zoom]="zoom" 
[options]="mapOptions">

要使用的选项是：

mapOptions = {
 fullscreenControl: false,
 disableDefaultUI: true
};

Google Maps API禁用街景UI

3 个答案: