Google Maps как фон
Существует ли сексуальный способ получить веб-страницу с Google Maps (в полном экране), и просто маленький div#header на вершине и маленький div#container на середине?
Я имел, делают некоторое исследование, и я нашел этот пример: http://koti.mbnet.fi/ojalesa/exam/index.html..., но это не точно, что я хотел бы сделать.
Если бы у Вас есть тонкий пример кода хорошего примера веб-сайта, это помогло бы мне много.
Большое спасибо.
2 ответа
Вы можете произвольно размещать HTML-элементы поверх карты Google (на основе HTML), используя position: absolute или position: исправлено . Вам просто нужно дать им z-индекс выше, чем у любого элемента на карте Google.
Не проверено, но что-то вроде этого должно работать:
<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>
Если вы поместите iframe для карт Google в div с position: relative , и сделайте div тех же размеров, что и iframe, затем вы можете использовать position: absolute для других элементов внутри относительно позиционированного div , чтобы наложить их в нужном месте на GMap. Возможно, вам придется повозиться со свойством z-index css содержимого, которое вы хотите разместить поверх GMap.