我可以隐藏谷歌地图的默认“退出街景按钮”吗？答案

【问题标题】：Can I hide Google Maps' default "Exit street view button"?我可以隐藏谷歌地图的默认“退出街景按钮”吗？
【发布时间】：2015-09-22 08:09:10
【问题描述】：

Google 地图文档提供了一些对 StreetViewPanorama 的自定义。但是，我使用的是常规的谷歌地图Map，但可以选择转到街景，因为StreetViewControl 选项已打开。

一旦用户在我的 Google 地图上进入街景视图，街景视图就会显示默认控件：右上角的全屏按钮和左上角的带有地址的返回按钮。但这是我的用户不太直观地理解的事情（坦率地说，我不怪他们）。我需要一种方法来隐藏这些控件，以便我可以替换我自己的按钮。

我熟悉检测用户何时进入街景，并且我知道如何显示一个按钮以使其退出街景。我不知道的是，我可以隐藏谷歌默认的“后退”按钮吗？我尝试将StreetViewControl 对象的属性直接用于我的Map 对象初始化，但它不起作用；这是可以理解的，因为某些选项名称会发生冲突。

根据请求，这里是显示地图以及显示/隐藏退出街景的按钮的代码：

// Create a map object and specify the DOM element for display.
map = new google.maps.Map(document.getElementById('map'), {
    center: this.mapCenter,
    scrollwheel: true,
    scaleControl: false,
    overviewMapControl: false,
    zoom: this.zoom
});

// Show the button for exiting Street View when Street view is entered
google.maps.event.addListener(map.getStreetView(), 'visible_changed', function(){
    if(this.getVisible() == true) {
        document.getElementById("exitStreetViewButton").style.display = "block";
    } else {
        document.getElementById("exitStreetViewButton").style.display = "none";
    }
});

这是退出按钮执行以退出街景的代码：

map.getStreetView().setVisible(false);

【问题讨论】：

@MrUpsidown 在编辑中添加，希望对您有所帮助。谢谢。

标签： google-maps google-maps-api-3

【解决方案1】：

您可以使用此选项：

panorama.setOptions(
    {
       enableCloseButton:false
    }
);

【讨论】：

【解决方案2】：

我刚刚遇到了同样的问题。禁用 UI 不起作用，退出按钮是唯一仍然存在的元素（除了底部的合法内容）。

就文档而言，没有办法将其删除。我求助于使用 css 隐藏它：

.gm-iv-container {
    display: none;
}

【讨论】：

【解决方案3】：

看看StreetViewPanoramaOptions。

试试disableDefaultUI 选项。您可以将其设置为 true 以禁用默认 UI，然后根据需要单独启用某些控件。

var panoramaOptions = {
    disableDefaultUI: true
};

JSFiddle demo

编辑：

如果你需要，你也可以这样做：

var panorama = map.getStreetView();
panorama.setOptions(panoramaOptions);

【讨论】：