Question

我在谷歌地图上放置了一张自定义地图png。我已将所有内容从谷歌地图中移除，只显示我的自定义地图。背景颜色是浅蓝色，我想将其更改为白色。这是代码：

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

您只需设置backgroundColor: 'none'

即可

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

Answer 2

虽然您删除了所有内容，但仍然存在空白图块。

您可以尝试隐藏这些图块，以下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 3

多亏了Molle博士，我尝试了他的答案，并且只是#map> div> * {background-color：＃000}对我有用。无需使用！important，它对性能更好。

谷歌地图api v3背景颜色

3 个答案: