Ipapakita ng write-up na ito ang proseso ng paggawa ng mga naka-embed na mapa na tumutugon.
Paano Gawing Tumutugon ang Naka-embed na Mapa?
Maaaring i-embed ng mga user ang mapa sa HTML nang tumutugon sa pamamagitan ng paggamit ng ilang mga katangian ng CSS. Gayunpaman, kailangan munang makuha ang naka-embed na link. Para sa layuning iyon, una, hakbang 1 at pagkatapos ay i-embed ang mapa sa HTML na sumusunod:
Hakbang 1: Kunin ang I-embed na Link ng Mapa
Upang makuha ang naka-embed na link ng mga mapa, mag-navigate muna sa ' mapa ng Google ”:
Mag-click sa “ Ibahagi o i-embed ang mapa ” opsyon:
Ngayon, mag-click sa ' Mag-embed ng mapa ” button para makuha ang link na naka-embed:
Pagkatapos nito, mag-click sa ' Kopyahin ang HTML ” code para kopyahin ang code:
Hakbang 2: I-embed ang Map sa HTML
Upang mag-embed ng mapa sa HTML, lumikha muna ng HTML structure. Sa HTML, i-paste ang nakopyang link sa pag-embed sa loob ng Output Maaari na ngayong maobserbahan mula sa output sa ibaba na ang mapa ay naka-embed, at tumutugon din ito: Upang gawing tumutugon ang mga naka-embed na mapa, gumawa muna ng HTML structure na mayroong
< h1 > Lokasyon sa Google Maps < / h1 >
< div klase = 'mapa ng lalagyan' >
< iframe
lapad = '100%'
taas = '500'
istilo = 'hangganan: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!2sBago%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v15957!2s!4v15957!12s!
>< / iframe >
< / div >
< / katawan >
Konklusyon