Mit einem HTML-iframe-Tag können Sie eine Google-Map an einer beliebigen Stelle Ihrer Webseite anzeigen. Der iframe ist ein Element, das eine andere Webseite auf Ihren eigenen Seiten anzeigt. Sie müssen also keinen Code für den im iframe angezeigten Inhalt erstellen. Mit dem CSS-Effekt "Schlagschatten" können Sie einen Schlagschatten auf dem Iframe erstellen, wodurch die Google-Karte auf der Seite hervorgehoben wird.

1

Klicken Sie mit der rechten Maustaste auf die HTML-Datei, die Ihren iframe enthält. Klicken Sie auf "Öffnen mit" und anschließend auf Ihren HTML-Editor, um den Code in einem Editor zu öffnen.

2

Erstellen Sie die CSS-Klasse für den iframe. Der folgende Code erstellt eine CSS-Klasse für einen iframe mit dem Namen "myframe":

myframe {

Box-Schatten: 1px 1px 1px # 888; }

In diesem Beispiel wird im iframe-Element ein Einpixel-Schatten angezeigt.

3.

Verknüpfen Sie die neue Klasse mit Ihrem iframe. Scrollen Sie durch den Code zu Ihrem Google-Map-iframe und fügen Sie dem iframe-Definitionstag den folgenden Code hinzu:

class = "myframe"