Come faccio a creare un pulsante di chiusura personalizzato per google maps api v3 street view?

Question

sto cercando di personalizzare che terribilmente piccolo pulsante di chiusura in google maps api modalità vista stradale:

Come faccio a personalizzare la strada visualizzare il pulsante di chiusura?

Answer 1

Riferimento

ho trovato this reference in gruppi di Google che spiegano come spingere un oggetto DOM in una vista mappa stradale.

codice JavaScript

Poi ho fatto un po 'di codifica personalizzata e questo è ciò che mi si avvicinò con:

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

Heres il full demo su jsbin (suggerimento: far cadere il ragazzo vista stradale sulla mappa).