En HTML-iframe-tagg låter dig visa en Google-karta var som helst på din webbsida. Iframe är ett element som visar en annan webbsida på dina egna sidor, så du behöver inte koda för innehållet som visas i iframe. Med hjälp av CSS "drop shadow" -effekten kan du skapa en drop-skugga på iframe som gör att Google-kartan sticker ut på sidan.

1.

Högerklicka på HTML-filen som innehåller din iframe. Klicka på "Öppna med" och klicka sedan på HTML-redigeraren för att öppna koden i en redigerare.

2.

Skapa CSS-klassen för iframe. Följande kod skapar en CSS-klass för en iframe som heter "myframe":

MyFrame {

boxskugga: 1px 1px 1px # 888; }

I det här exemplet visas en drop-skugga med en pixel i iframe-elementet.

3.

Länk den nya klassen till din iframe. Bläddra ner koden till din iframe i Google-kartan och lägg till följande kod i iframe-definitionen:

class = "MyFrame"