CSS：Google地圖傾斜視圖？

Question

我試圖使用CSS來改變谷歌的角度映射容器，它在傾斜視圖模式。

，我有問題的是，地圖視圖是傾斜但頁面的頂部，即使在地圖容器元素的寬度設置爲100％是空的。

這是一個工作FIDDLE

這是CSS代碼：

#map-canvas { 
    height: 100%; 
    width: 100%; 
    position:absolute; 
    -webkit-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
    -moz-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
    -o-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
    transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
} 

可能有人請讓我知道如果有一種方法來解決這個問題，所以在地圖是在傾斜視圖但覆蓋整個頁面？

注意，支持谷歌地圖視圖傾斜只爲混合動力和衛星視圖，而不是ROADMAP鑑於這是我在用。

在此先感謝。

Answer 1

可以在像素尺寸，而不是在％的人認爲工作和地圖http://jsfiddle.net/apqpw08u/

例如位置：

#map-canvas { 
height: 1000px; 
width: 2000px; 
position:absolute; 
left: -500px; 
top: -500px; 
-webkit-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
-moz-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
-o-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
} 

或％http://jsfiddle.net/apqpw08u/3/

#map-canvas { 
height: 200%; 
width: 200%; 
position:absolute; 
left: -50%; 
top: -50%; 
-webkit-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
-moz-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
-o-transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
transform: perspective(1000px) rotate3d(40, 1, 0, 40deg)!important; 
}