谷歌地圖作爲背景

有沒有一種性感的方式來獲取與谷歌地圖的網頁（全屏），只有一個小的div＃頭頂部和一個小的div＃容器在中間？谷歌地圖作爲背景

我已經做了一些研究，我發現這個例子：http://koti.mbnet.fi/ojalesa/exam/index.html ...但這不是我想要做的。

如果你有一個漂亮的網站示例的瘦代碼示例，這將幫助我很多。

很多謝謝。

2010-04-07 Puru puru rin..

您可以使用position: absolute或position: fixed隨機將HTML元素定位到（基於HTML）Google Map的頂部。你只需要給他們一個z-index高於谷歌地圖中的任何元素。

未經測試，但這些方針的東西應該工作：

<style type="text/css"> 
    .Overlay { position: absolute; left: 0px; top: 0px; 
      right: 0px; height: 50px; background-color: white; z-index: 100 } 
</style> 

... Fullscreen Google Map (or whatever)..... 

<div class="Overlay">I'm on top of a Google Map!</div>

來源

2010-04-07 18:35:05

哇，效果很好！謝謝Pekka。 – 2010-04-07 19:36:57

@皮卡我嵌入在iframe中的地圖，我可以使用的位置：固定？ – 2013-03-25 08:33:58

如果你持有與position: relative一個div對谷歌地圖的iframe，使div相同尺寸的iframe，然後你可以使用position: absolute在相對定位的div內的其他元素上，以將它們覆蓋在GMap所需的位置上。您可能需要修改您希望在GMap上定位的內容的css屬性z-index。

來源

2010-04-07 18:39:13 Finbarr

我認爲你是對的。 – 2013-03-25 08:35:37

下面是它是如何做一個很好的新手必看：

http://blog.wadehammes.com/post/3837158298

來源

2012-04-30 11:34:16 oivvio

這個解決方案的一個問題是，如果需要滾動，地圖不會伸展，並且向下滾動時會留下一個難看的空白區域 – Bryan 2012-10-10 22:23:47