Met een HTML-iframe-tag kunt u overal op uw webpagina een Google-kaart weergeven. Het iframe is een element dat een andere webpagina op uw eigen pagina's weergeeft, dus u hoeft niet te coderen voor de inhoud die wordt weergegeven in het iframe. Met behulp van het CSS-effect "slagschaduw" kunt u een slagschaduw maken op het iframe waardoor de Google-kaart opvalt op de pagina.

1.

Klik met de rechtermuisknop op het HTML-bestand met uw iframe. Klik op "Openen met" en klik vervolgens op uw HTML-editor om de code in een editor te openen.

2.

Maak de CSS-klasse voor het iframe. De volgende code maakt een CSS-klasse voor een iframe met de naam "myframe":

myframe {

vakschaduw: 1px 1px 1px # 888; }

In dit voorbeeld wordt een slagschaduw van één pixel weergegeven in het iframe-element.

3.

Koppel de nieuwe klasse aan uw iframe. Blader door de code naar uw iframe van Google-kaart en voeg de volgende code toe aan de iframe-definitietag:

class = "myframe"