google map api v3 background color

Question

I have placed a custom map png on google map. I have removed everything from google maps to only display my custom map. The background color is a light blue and I want to change it to white. Here is the 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});
}

It only flashes white then changes to a light blue. How do I set it to white or transparent?

Answer 1

You can just set backgroundColor: 'none'

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