Hur man gör inbäddade kartor responsiva

Hur Man Gor Inbaddade Kartor Responsiva



En inbäddad karta kan inkluderas på en webbplats för att visa ett företags punktadress. Om den här kartan är korrekt inbäddad på webbplatsen är den ett bra tillägg. Men tänk på att de måste vara lyhörda när du skapar inbäddade kartor. Dessutom måste den se bra ut och se lämplig ut på alla enheter och skärmstorlekar.

Denna uppskrivning kommer att demonstrera processen för att göra inbäddade kartor responsiva.

Hur gör man inbäddade kartor responsiva?

Användare kan bädda in kartan i HTML responsivt genom att använda vissa CSS-egenskaper. Det är dock nödvändigt att skaffa den inbäddade länken först. För detta ändamål, först steg 1 och bädda sedan in kartan i HTML enligt följande:





Steg 1: Skaffa kartans inbäddningslänk



För att få länken inbäddade kartor, navigera först till ' Google kartor ”:





Klicka på ' Dela eller bädda in karta ' alternativ:



Klicka nu på ' Bädda in en karta ”-knappen för att hämta inbäddningslänken:

Efter det klickar du på ' KOPIERA HTML ' kod för att kopiera koden:

Steg 2: Bädda in kartan i HTML

För att bädda in en karta i HTML, skapa först en HTML-struktur. Klistra in den kopierade inbäddningslänken i HTML-koden avsnitt inom a

och ställ in klassnamnet på en div. Det rekommenderas att lägga till styling inom