街景「關閉」按鈕

Question

自定義位置我可以啓用/禁用關閉按鈕，如下所示：enableCloseButton: true AFAIK沒有選項來定位該控制的任何地方，但默認的右上角。

的文檔不會在這個問題上給出太多細節： http://code.google.com/apis/maps/documentation/javascript/services.html#StreetViewControls

是我創建一個自定義控制的唯一選擇？看起來很奇怪。

Answer 1

你可以讓你自己的按鈕和點擊呼叫

map.getStreetView().setVisible(false); 

Answer 2

你可以嘗試以下

CSS

.btn { 
    margin-top: 2rem; 
    background: #3498db; 
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9); 
    background-image: -moz-linear-gradient(top, #3498db, #2980b9); 
    background-image: -ms-linear-gradient(top, #3498db, #2980b9); 
    background-image: -o-linear-gradient(top, #3498db, #2980b9); 
    background-image: linear-gradient(to bottom, #3498db, #2980b9); 
    -webkit-border-radius: 28; 
    -moz-border-radius: 28; 
    border-radius: 28px; 
    font-family: Arial; 
    color: #ffffff; 
    font-size: 20px; 
    padding: 10px 20px 10px 20px; 
    text-decoration: none; 
} 

.btn:hover { 
    background: #3cb0fd; 
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); 
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); 
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); 
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db); 
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db); 
    text-decoration: none; 
} 

HTML

<button id="closeStreetView" class="btn">Click me</button> 

的Javascript

var closeButton = document.querySelector('#closeStreetView'), 
controlPosition = google.maps.ControlPosition[config.streetViewCloseButtonLocation]; 
var streetView = map.getStreetView(); 
    streetView.setOptions({ enableCloseButton: false }); 
    streetView.controls[ controlPosition ].push(closeButton); 
    google.maps.event.addDomListener(closeButton, 'click', function(){ 
    streetView.setVisible(false);