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要素は、ビューポートの右上隅にあります。

次のようにドキュメントは警告します：

注：このページには、バージョン3.22以降、GoogleマップのJavaScript APIので利用可能なコントロールについて説明します。しばらく前のコントロールを使用したい場合は、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

要素：Googleマップのv3.22の最新リリースで

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

Answer 2

私はこの時点でAPIに軽微な欠陥があると考えています。いくつかのテストを行いましたが、ドキュメントで指定されているfullScreenControlOptionsフィールドでフルスクリーンコントロールを削除することもできませんでした。

disableDefaultUIをtrueに設定しても、フルスクリーンコントロールが表示されます。

私は、これは要素を取り除くには良い方法ではないかもしれない知っているが、同様にあなたが何かを行うことができます：別の解決策は、全画面表示を隠すためにCSSを使用することです

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

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

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

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

Answer 3

、2016年1月18日にv3.23、仕事をする次

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

Answer 4

fullscreenControl: false代わりのfullScreenControl: false

Answer 5

ミハルSzyndelは正しい、それを持っています。画面のsは小文字です。私は彼の答えが正解に変わることを提案する。 私は今日fullscreenControlは動作しますが、fullScreenControlは動作しません。

Answer 6

以下は誤りです。エラーは発生しませんが、コントロールには何の影響もありません。

fullScreenControl: false, -- this is not right 

正しいコードが

fullscreenControl: false, 

参照してくださいです：https://developers.google.com/maps/documentation/javascript/reference