Ovaj tekst će demonstrirati proces izrade ugrađenih karata osjetljivim.
Kako učiniti ugrađene karte odgovarajućim?
Korisnici mogu responzivno ugraditi kartu u HTML pomoću nekih CSS svojstava. Međutim, prvo je potrebno nabaviti ugrađenu vezu. U tu svrhu, prvo, korak 1, a zatim ugradite kartu u HTML na sljedeći način:
Korak 1: Nabavite vezu za ugradnju karte
Da biste dobili vezu za ugrađene karte, prvo idite na ' Google karte ”:
Klikni na ' Podijelite ili ugradite kartu ” opcija:
Sada kliknite na ' Ugradite kartu ” za dobivanje veze za ugradnju:
Nakon toga kliknite na ' KOPIRAJ HTML ” kod za kopiranje koda:
Korak 2: Ugradite kartu u HTML
Da biste ugradili kartu u HTML, prvo izradite HTML strukturu. U HTML zalijepite kopiranu vezu za ugradnju unutar Izlaz Sada se iz izlaza u nastavku može vidjeti da je karta ugrađena, a također je responzivna: Da bi ugrađene karte bile responzivne, prvo stvorite HTML strukturu koja ima
< h1 > Lokacija na Google kartama < / h1 >
< div razreda = 'karta kontejnera' >
< iframe
širina = '100%'
visina = '500'
stil = 'obrub: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!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v1695734740712!5m2!1sen!2s'
>< / iframe >
< / div >
< / tijelo >
Zaključak