2017-04-11 91 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" 
     } 
    ] 
    } 
]