Jak zrobić niestandardowy przycisk zamykania dla map Google api v3 street view?

Question

staram się dostosować to strasznie mały przycisk zamykania w Google Maps API trybu Street View:

Jak mogę dostosować Street View przycisk zamykania?

Answer 1

referencyjny

znalazłem this reference w grupach google wyjaśniając jak do pchania obiektu DOM do widoku ulic.

niestandardowego kodu JavaScript

ja wtedy zrobiłem jakieś niestandardowe kodowanie i to, co wymyśliłem:

window.addEventListener('DOMContentLoaded', function(e){ 

    // Get close button and insert it into streetView 
    // #button can be anyt dom element 
    var closeButton = document.querySelector('#button'), 
     controlPosition = google.maps.ControlPosition.RIGHT_TOP; 

    // Assumes map has been initiated 
    var streetView = map.getStreetView(); 

    // Hide useless and tiny default close button 
    streetView.setOptions({ enableCloseButton: false }); 

    // Add to street view 
    streetView.controls[ controlPosition ].push(closeButton); 

    // Listen for click event on custom button 
    // Can also be $(document).on('click') if using jQuery 
    google.maps.event.addDomListener(closeButton, 'click', function(){ 
     streetView.setVisible(false); 
    }); 

}); 

HTML

<button id="button" class="btn">&times;</button> 

CSS

.btn { 
    margin-right: 10px; 
    font-size: 2em; 
    padding: .2em .4em; 
    font-family: sans-serif; 
    background-color: white; 
} 

Demo

Herezje full demo na jsbin (nutą: krople Street View faceta na mapie).