google map api v3 पृष्ठभूमि रंग

Question

मैंने Google मानचित्र पर एक कस्टम मानचित्र पीएनजी रखा है। मैंने Google मानचित्र से सब कुछ हटा दिया है केवल मेरे कस्टम मानचित्र को प्रदर्शित करने के लिए। पृष्ठभूमि रंग एक हल्का नीला है और मैं इसे सफेद में बदलना चाहता हूं। यहां कोड है:

function initialize() { 

    var myLatLng = new google.maps.LatLng(39, -98.5); 
    var myOptions = { 
    maxZoom: 4, 
    minZoom: 4, 
    zoom: 4, 

    panControl: false, 
    draggable: false, 
     center: myLatLng, 
    disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    backgroundColor: '#FFFFFF' 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    var mapStyles = [ 
    { 
    featureType: "all", 
    stylers: [ 
     { visibility: "off" }] 
    }]; 

map.setOptions({styles: mapStyles}); 
} 

यह केवल सफेद चमकता है और फिर हल्के नीले रंग में बदल जाता है। मैं इसे सफेद या पारदर्शी कैसे सेट करूं?

Answer 1

हालांकि आपने सब कुछ हटा दिया है, फिर भी रिक्त टाइल्स मौजूद हैं।

आप उन टाइल्स छिपाने की कोशिश कर सकते हैं, निम्नलिखित सीएसएस मेरे लिए काम करता है:

/*the desired background for the map*/ 
#map_canvas{background-color:#fff !important} 

    /*hides the tiles (and maybe more^^)*/ 
#map_canvas div div div div div div img{visibility:hidden} 

Answer 2

तुम सिर्फ सेट कर सकते हैं backgroundColor: 'none'

var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 11, 
    center: {lat: 41.876, lng: -87.624}, 
    backgroundColor: 'none' 
    });