2012-02-21 21 views
7

Googleマップにカスタムマップpngを配置しました。私は私のカスタムマップを表示するだけでGoogleマップからすべてを削除しました。背景色は薄い青色で、私はそれを白に変更したい。コードは次のとおりです。Googleマップapi v3背景色

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

明るい青色に変わります。白または透明に設定するにはどうすればいいですか?

答えて

8

まだすべてが削除されていますが、まだ空白のタイルがあります。

あなたはこれらのタイルを隠そうとすることが、以下の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} 
+0

感謝を設定することができます。 – rstewart

+0

このグッド、ありがとう – Gaelen

11

あなただけ働いbackgroundColor: 'none'

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

なぜGoogleはこの愚かなBGの色を追加しますか – SuperUberDuper

関連する問題