Paano maglagay ng mapa sa loob ng isang web

Ipagpalagay natin na nais nating maglagay ng window ng mga mapa ng Google sa isang post sa blog, o sa isang pahina, na may isang tukoy na lugar at isang marka sa gitna na may mga detalye. Bukod pa rito ang isang search engine sa ibaba.

Ang pinakasimpleng paraan ay sa pamamagitan ng pagbubukas ng mapa sa Google Maps, at pagpili ng pagpipiliang "i-link ang mapa sa isang naka-embed na paraan" kung saan maaari mong ipasadya ang ilang mga parameter. Ito ay libre sa API at tapos na gamit ang form na "iframe".

Ang iba pang mga paraan ay ang paggamit ng API, sa pamamagitan ng isang wizzard na ginawa para sa AJAX, na nagpapahintulot sa paglikha ng code na nagbibigay ng ilang mga detalye:

1 Tukuyin ang mga parameter

Sa kasong ito, dapat naming tukuyin ang sukat sa pixel ng window na gusto naming ipakita, mas mainam na panatilihin ang isa na nasa maximum na lapad ng blog, tulad ng 400px

Pagkatapos ay kailangan mong tukuyin kung nais mo ang isang diskarte sa antas ng lungsod, kalye o bloke.

Maaari mong tukuyin ang mga detalye na inaasahan sa tatak, pangalan, url at address.

Sa pamamagitan ng pagpindot sa pindutan ng "lokasyon ng preview center" maaari mong makita kung paano ipapakita ang window.

2. Paganahin ang mga karapatan ng API

Ang susunod na bagay ay upang magbigay ng data ng web kung saan inaasahan naming ipakita ang window. Ito ay upang pahintulutan ang aming numero ng API para sa website na iyon ... at samakatuwid, gawing responsable kami para sa anumang paglabag na maaaring ginagawa namin sa mga term ng Google.

Karaniwan, upang makakuha ng isang API, ipinasok mo ang website na ito, at humiling ng isa para sa isang tukoy na url, pagkatapos ay humiling na ipasok ang iyong gmail account at bibigyan ka ng isang numero at isang halimbawa ng code. Kung ang session ng gmail ay bukas na, iniuugnay ng system ang account.

3 Buuin ang code

Ang pagpindot sa pindutang "bumuo ng code" ang kinakailangang html ay nilikha upang ipasok lamang ito sa Blog. Para sa mga ito, ang pagpipilian ng code ay dapat na buhayin, i-paste ito at handa na ito, sa kaso ng pag-paste ito sa ibang website, kung saan pinahintulutan ang API, lilitaw ang isang mensahe na hindi ito tinatanggap.

At matalino, dapat itong magmukhang maganda. Pumunta sa wizzard

Dahil ito ay isang AJAX-based na API, ang ilan sa mga script na nilikha ay hindi gumagana nang maayos sa ilang mga tagapamahala ng nilalaman, tulad ng Wordpress MU, kung saan may kontrol sa mga pag-andar, ngunit sa pangkalahatan ay dapat itong gumana nang maayos.