StreetView API：隐藏全屏控件 [关闭]

Question

我试图在 Streetview API HUD 中隐藏切换全屏元素。

panorama = new google.maps.StreetViewPanorama(document.getElementById(data.id), {

        position            : new google.maps.LatLng(data.lat, data.lng),
        pov: {
            heading         : Number(data.heading),
            pitch           : Number(data.pitch)
        },
        linksControl: false,
        panControl: false,
        addressControl: false,
        enableCloseButton: false,
        zoomControl: false,
        fullScreenControl: false,
        enableCloseButton: false,
        addressControlOptions: {
             position: google.maps.ControlPosition.BOTTOM_CENTER
        }
    });

这些选项指定为here。除了fullScreenControl

之外的所有选项都有效

我的代码可以实时查看here。 UI 元素位于视口的右上角。

文档警告如下：

注意：本页介绍了 Google Maps JavaScript API 3.22 版及更高版本中可用的控件。如果您想暂时继续使用之前的一组控件，可以在 v3.22 中设置 google.maps.controlStyle = 'azteca'。在本文中阅读有关控件更改的更多信息：v3.22 地图控件中的新增功能。

但是我链接到 API Js 文件如下：

<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

在撰写本文时，3.exp 应该是 3.22。

我在这里缺少什么？

Answer 1

我认为目前 API 存在一个小缺陷。我已经进行了一些测试，但也无法使用 fullScreenControlOptions 字段删除全屏控件，如文档中所述。

即使将 disableDefaultUI 设置为 true，也会显示全屏控件。

我知道这可能不是摆脱元素的更好方法，但您可以执行以下操作：

var FULL_SCREEN_CONTROL_STYLE = {
	width: '25px',
	height: '25px',
	top: '0px',
	right: '0px',
	position: 'absolute',
	overflow: 'hidden'
};

var children = panorama.getContainer().getElementsByTagName('div');

for (var i = 0; i<children.length; i++) {

	var current = children[i];
		
	var match = true;
	
	for (var k in FULL_SCREEN_CONTROL_STYLE) {
		if (current.style[k] != FULL_SCREEN_CONTROL_STYLE[k]) {
			match = false;
		}
	}
	
	if (match) { // THIS IS OUR ELEMENT
		current.parentElement.removeChild(current);
	}
	
}

Answer 2

另一种解决方案是使用css隐藏全屏元素：

.gm-style > div:nth-child(10){
 display:none;
}

Answer 3

随着 2016 年 1 月 18 日最新版本的 Googlemap v3.22、v3.23 的发布，以下功能将发挥作用：

.gm-fullscreen-control {
  display: none;
}

Answer 4

fullscreenControl: false 而不是fullScreenControl: false

Answer 5

Michal Szyndel 说的没错。屏幕中的 s 是小写的。我建议将他的答案更改为正确答案。 我今天测试了 fullscreenControl 工作，但 fullScreenControl 没有。

Answer 6

以下不正确。不会出错但对控件没有影响。

fullScreenControl: false,   -- this is not right

正确的代码是

fullscreenControl: false,

见：https://developers.google.com/maps/documentation/javascript/reference