See kirjutis demonstreerib manustatud kaartide tundlikuks muutmise protsessi.
Kuidas muuta manustatud kaardid tundlikuks?
Kasutajad saavad mõne CSS-i atribuudi abil kaardi reageerivalt HTML-i manustada. Siiski on vaja esmalt hankida manustatud link. Selleks tehke esmalt 1. samm ja seejärel manustage kaart HTML-i järgmiselt:
1. samm: hankige kaardi manustamislink
Manustatud kaartide lingi hankimiseks liikuge esmalt jaotisesse ' Google kaardid ”:
Klõpsake nuppu ' Jagage või manustage kaarti 'valik:
Nüüd klõpsake nuppu ' Manustage kaart ” nuppu, et saada manustatud link:
Pärast seda klõpsake nuppu ' KOPeeri HTML ” kood koodi kopeerimiseks:
2. samm: manustage kaart HTML-i
Kaardi manustamiseks HTML-i looge esmalt HTML-struktuur. Kleepige HTML-i kopeeritud manustamislink Väljund Nüüd on allolevast väljundist näha, et kaart on manustatud ja see on ka tundlik: Manustatud kaartide tundlikuks muutmiseks looge esmalt HTML-struktuur, millel on
< h1 > Asukoht Google Mapsis < / h1 >
< div klass = 'konteiner-kaart' >
< iframe
laius = '100%'
kõrgus = '500'
stiilis = 'ääris: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 >
< / keha >
Järeldus