Kuinka tehdä upotetuista kartoista reagoivaksi

Kuinka Tehda Upotetuista Kartoista Reagoivaksi



Verkkosivustolle voidaan sisällyttää upotettu kartta yrityksen pisteosoitteen näyttämiseksi. Jos tämä kartta on upotettu oikein verkkosivustolle, se on loistava lisäys. Kun luot upotettuja karttoja, muista kuitenkin, että niiden on oltava responsiivisia. Lisäksi sen tulee näyttää hyvältä ja näyttää sopivalta kaikille laitteille ja näytöille.

Tämä kirjoitus havainnollistaa prosessia, jolla upotetut kartat tehdään reagoiviksi.

Kuinka tehdä upotetuista kartoista reagoivaksi?

Käyttäjät voivat upottaa kartan HTML:ään responsiivisesti käyttämällä joitain CSS-ominaisuuksia. Ensin on kuitenkin hankittava upotettu linkki. Tätä varten suorita ensin vaihe 1 ja upota sitten kartta HTML-koodiin seuraavasti:





Vaihe 1: Hanki kartan upotuslinkki



Saadaksesi upotetut kartat -linkin, siirry ensin kohtaan ' Google Kartat ':





Klikkaa ' Jaa tai upota kartta ”vaihtoehto:



Napsauta nyt ' Upota kartta ” -painiketta saadaksesi upotuslinkin:

Napsauta sen jälkeen ' KOPIOI HTML ” koodi koodin kopioimiseksi:

Vaihe 2: Upota kartta HTML:ään

Jos haluat upottaa kartan HTML:ään, luo ensin HTML-rakenne. Liitä kopioitu upotuslinkki HTML-koodiin osio sisällä a

ja aseta div:n luokan nimi. On suositeltavaa lisätä tyyliä