मैं Google मानचित्र api v3 सड़क दृश्य के लिए कस्टम बंद बटन कैसे बना सकता हूं?</p> <p><img src="https://i.stack.imgur.com/jpIoh.png" alt="Street view close button"></p> <p>मैं सड़क कैसे कस्टमाइज़ करूं बंद करें बटन देखने:

Question

मैं गूगल मैप्स एपीआई सड़क दृश्य मोड में है कि बहुत छोटे बंद करें बटन अनुकूलित करने के लिए कोशिश कर रहा हूँ?

Answer 1

संदर्भ

मैं समझा एक सड़क का मानचित्र दृश्य में एक डोम वस्तु पुश करने के लिए कैसे गूगल समूहों में this reference पाया।

JavaScript कोड का

मैं तो कुछ कस्टम कोडिंग किया था और यह है कि क्या मैं के साथ आया है:

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); 
    }); 

}); 

एचटीएमएल

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

सीएसएस

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

डेमो

यहाँ jsbin (संकेत: ड्रॉप नक्शे पर सड़क दृश्य पुरुष) पर full demo।