fullScreenControl fullScreenControlOptions in Googlemap API

fullScreenControl fullScreenControlOptions in Googlemap API V3.22 for streetview

本文关键字：API Googlemap in fullScreenControlOptions fullScreenControl      更新时间：2023-09-26

Googlemap在V3.22中引入了fullScreenControl选项。

v322-controls-diff

当我试图通过在google.maps.MapOptions中设置false来禁用fullScreenControl时，它不起作用。我可以成功地控制所有其他像panControl, zoomControl，但这一个不起作用。

任何想法?

自2016年1月18日发布以来，必须这样做才能使其工作:

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

Googlemap的文档声称，The full-screen control for Street View is enabled by default. You can disable it via StreetViewPanoramaOptions and configure it using the FullscreenControlOptions. Its default position is now RIGHT_TOP。

fullscreenControl not fullScreenControl

我认为目前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);
	}
	
}

目前它似乎不起作用。这是一种用css:

隐藏全屏元素的方法
.gm-style > div:nth-child(10){
 display:none;
}

新版本:

.gm-style > div:nth-child(6){
 display:none;
}
相关文章：