So machen Sie eingebettete Karten responsiv

So Machen Sie Eingebettete Karten Responsiv



Eine eingebettete Karte kann in eine Website eingebunden werden, um die Punktadresse eines Unternehmens anzuzeigen. Wenn diese Karte korrekt in die Website eingebettet ist, ist sie eine tolle Ergänzung. Beachten Sie jedoch beim Erstellen eingebetteter Karten, dass diese responsiv sein müssen. Darüber hinaus muss es gut aussehen und auf allen Geräten und Bildschirmgrößen passend aussehen.

In diesem Artikel wird der Prozess demonstriert, mit dem eingebettete Karten responsiv gemacht werden.

Wie mache ich eingebettete Karten responsiv?

Benutzer können die Karte mithilfe einiger CSS-Eigenschaften responsiv in HTML einbetten. Allerdings ist es notwendig, zuerst den eingebetteten Link abzurufen. Zu diesem Zweck führen Sie zunächst Schritt 1 aus und betten dann die Karte wie folgt in HTML ein:







Schritt 1: Holen Sie sich den Einbettungslink der Karte



Um den Link zu den eingebetteten Karten zu erhalten, navigieren Sie zunächst zu „ Google Maps ”:







Klick auf das ' Karte teilen oder einbetten ' Möglichkeit:



Klicken Sie nun auf „ Betten Sie eine Karte ein ”-Button, um den Einbettungslink zu erhalten:

Klicken Sie anschließend auf „ HTML KOPIEREN ” Code zum Kopieren des Codes:

Schritt 2: Betten Sie die Karte in HTML ein

Um eine Karte in HTML einzubetten, erstellen Sie zunächst eine HTML-Struktur. Fügen Sie im HTML den kopierten Einbettungslink ein Abschnitt innerhalb eines

und legen Sie den Klassennamen eines Div fest. Es wird empfohlen, Styling innerhalb des hinzuzufügen