Acest articol va demonstra procesul de a face hărțile încorporate receptive.
Cum să faceți hărțile încorporate receptive?
Utilizatorii pot încorpora harta în HTML în mod receptiv folosind unele proprietăți CSS. Cu toate acestea, este necesar să obțineți mai întâi linkul încorporat. În acest scop, mai întâi, pasul 1 și apoi încorporați harta în HTML următorul:
Pasul 1: Obțineți linkul încorporat al hărții
Pentru a obține linkul pentru hărți încorporate, mai întâi, navigați la „ Hărți Google ”:
Faceți clic pe „ Partajați sau încorporați harta ' opțiune:
Acum, faceți clic pe „ Încorporați o hartă ” pentru a obține linkul de încorporare:
După aceea, faceți clic pe „ COPIEAZĂ HTML ” cod pentru a copia codul:
Pasul 2: Încorporați harta în HTML
Pentru a încorpora o hartă în HTML, mai întâi, creați o structură HTML. În HTML, inserați linkul de încorporare copiat în interiorul fișierului Ieșire Acum se poate observa din rezultatul de mai jos că harta a fost încorporată și este, de asemenea, receptivă: Pentru a face hărțile încorporate receptive, mai întâi, creați o structură HTML având un
< h1 > Locație pe Google Maps < / h1 >
< div clasă = „hartă-container” >
< iframe
lăţime = '100%'
înălţime = '500'
stil = 'border: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!4v16952!s!4v16952!s!
>< / iframe >
< / div >
< / corp >
Concluzie