google map api v3 colore di sfondo

Question

Ho inserito una mappa personalizzata png su google map. Ho rimosso tutto da google maps per visualizzare solo la mia mappa personalizzata. Il colore di sfondo è blu chiaro e voglio cambiarlo in bianco. Ecco il codice:

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

Lampeggia solo in bianco, quindi diventa blu chiaro. Come posso impostarlo su bianco o trasparente?

Answer 1

anche se hai rimosso tutto ci sono ancora le piastrelle bianche presenti.

Si può cercare di nascondere quelle piastrelle, il seguente CSS funziona per me:

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

Si può solo impostare backgroundColor: 'none'

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