2017-04-11 97 views
1

我创建了我已经把谷歌地图上一层: picture here是否可以从谷歌地图删除背景?

我所试图解决的是,我怎么能删除谷歌地图的矩形背景是什么?可能吗?我无法找到它。

我的初始化方法是这样的,我已经设置背景颜色为白色:

function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    backgroundColor: '#FFF', 
    disableDefaultUI: true, 
    draggable: true, 
    scaleControl: false, 
    scrollwheel: false, 

styles: [ 
{ 
"featureType": "water", 
"elementType": "geometry", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"featureType": "landscape", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"featureType": "road", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"featureType": "administrative", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"featureType": "poi", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"featureType": "administrative", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
"elementType": "labels", 
"stylers": [ 
    { "visibility": "off" } 
] 
},{ 
} 
] 
}; 

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
+1

正方形背景? –

+0

@PaulThomasGC 我的地图铺设在矩形背景上......我想只剪出我的地图,以便在网页中看起来不错,没有背景...就像当你在png图像上有透明背景时一样。 .. – dtechlearn

回答

1

这可能做到这一点。很难说没有设置的例子。

var mapOptions = { 
    zoom: 8, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    backgroundColor: 'hsla(0, 0%, 0%, 0)', 
    disableDefaultUI: true, 
    draggable: true, 
    scaleControl: false, 
    scrollwheel: false, 

    styles: [ 
    { 
    "featureType": "all", 
    "elementType": "all", 
    "stylers": [ 
     { 
      "visibility": "off" 
     } 
    ] 
    } 
]