google map api v3 цвет фона

Question

Я разместил пользовательскую карту png на карте 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

хотя вы удалили все, что осталось, там остались чистые плитки.

Вы можете попытаться скрыть эти плитки, следующий CSS работает для меня:

/*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' 
    });