Hvordan gjøre innebygde kart responsive

Hvordan Gjore Innebygde Kart Responsive



Et innebygd kart kan inkluderes i en nettside for å vise punktadressen til et selskap. Hvis dette kartet er riktig innebygd i nettsiden, er det et flott tillegg. Men mens du lager innebygde kart, husk at de må være responsive. Dessuten må den se bra ut og se egnet ut på alle enheter og skjermstørrelser.

Denne oppskriften vil demonstrere prosessen med å gjøre innebygde kart responsive.

Hvordan gjøre innebygde kart responsive?

Brukere kan bygge inn kartet i HTML responsivt ved å bruke noen CSS-egenskaper. Det er imidlertid nødvendig å få den innebygde lenken først. For det formålet, først trinn 1 og deretter bygge inn kartet i HTML som følger:





Trinn 1: Få Embed Link til kartet



For å få den innebygde kartkoblingen, naviger først til ' Google Kart ':





Klikk på ' Del eller bygg inn kart alternativ:



Nå klikker du på ' Bygg inn et kart '-knappen for å hente innbyggingslenken:

Etter det klikker du på ' KOPIER HTML ' kode for å kopiere koden:

Trinn 2: Bygg inn kartet i HTML

For å bygge inn et kart i HTML, lag først en HTML-struktur. I HTML-en limer du inn den kopierte innebyggingskoblingen i seksjon innenfor en

og angi klassenavnet til en div. Det anbefales å legge til styling innenfor