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 Lähtö Alla olevasta lähdöstä voidaan nyt havaita, että kartta on upotettu, ja se on myös responsiivinen: Jos haluat tehdä upotetuista kartoista reagoivia, luo ensin HTML-rakenne, jossa on
< h1 > Sijainti Google Mapsissa < / h1 >
< div luokkaa = 'konttikartta' >
< iframe
leveys = '100%'
korkeus = '500'
tyyli = 'reuna:0'
src = 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d328204.9017193669!2d-74.30933777495511!3d40.69753995297432!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.
'1,3m3
>< / iframe >
< / div >
< / kehon >
Johtopäätös