google map api v3 color de fondo

Question

He colocado un mapa personalizado png en el mapa de google. He eliminado todo de los mapas de google para mostrar solo mi mapa personalizado. El color de fondo es azul claro y quiero cambiarlo a blanco. Aquí está el código:

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

Solo parpadea en blanco y luego cambia a azul claro. ¿Cómo lo configuro en blanco o transparente?

Answer 1

aunque eliminaste todo lo que aún hay en blanco, las fichas están presentes.

Usted puede tratar de ocultar los azulejos, el siguiente CSS funciona para mí:

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

Sólo puede establecer backgroundColor: 'none'

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