2012-02-21 17 views
7

Umieściłem niestandardową mapę png na mapie google. Usunąłem wszystko z map Google, aby wyświetlić tylko moją mapę niestandardową. Kolor tła jest jasnoniebieski i chcę go zmienić na biały. Oto kod:google map api v3 kolor tła

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

Miga tylko na biało, a następnie zmienia się na jasnoniebieski. Jak ustawić biały lub przezroczysty?

Odpowiedz

8

mimo że usunięto wszystko, co jeszcze pozostało puste.

Można próbować ukryć te płytki, następujące CSS działa na mnie:

/*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} 
+0

Dzięki które pracowały. – rstewart

+0

Świetnie, dzięki za to – Gaelen

11

można po prostu ustawić backgroundColor: 'none'

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

dlaczego Google dodaje ten głupi kolor bg – SuperUberDuper

Powiązane problemy