google map api v3 couleur de fond

Question

J'ai placé une carte personnalisée png sur google map. J'ai tout supprimé de Google Maps pour afficher uniquement ma carte personnalisée. La couleur de fond est un bleu clair et je veux le changer en blanc. Voici le code:

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

Il clignote en blanc puis passe au bleu clair. Comment puis-je le définir en blanc ou transparent?

Answer 1

Bien que vous ayez tout supprimé, des tuiles vides sont toujours présentes.

Vous pouvez essayer de cacher ces tuiles, le CSS suivant fonctionne pour moi:

/*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

Vous pouvez simplement mettre backgroundColor: 'none'

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