Cum să plasați o hartă în cadrul unei pagini web

harti Google pe un webSă presupunem că vrem să plasăm o fereastră Google Maps într-o postare de blog sau pe o pagină, cu o anumită zonă și un marcaj în centru cu detalii. În plus, un motor de căutare în partea de jos.

Cel mai simplu mod este prin deschiderea hărții în Google Maps și alegerea opțiunii „conectați harta într-un mod încorporat”, unde puteți personaliza unii parametri. Acesta este API gratuit și se face folosind formularul „iframe”.

 

Cealaltă modalitate este folosirea API-ului, printr-un wizzard realizat pentru AJAX, care vă permite să creați codul care oferă câteva detalii:

1. Definiți parametrii

harti Google pe un web

În acest caz, este necesar să definim dimensiunea în pixeli a ferestrei pe care dorim să o afișăm, este de preferat să păstrăm una care se află în lățimea maximă a publicării blogului, cum ar fi 400px

Apoi, trebuie să definiți dacă doriți o abordare la nivelul orașului, al străzii sau al blocului.

Puteți specifica detaliile care sunt așteptate cu marca, numele, adresa URL și adresa.

Prin apăsarea butonului „previzualizare centru locație” puteți vedea cum va fi afișată fereastra.

2. Activați drepturile API

Următorul lucru este să furnizăm datele de pe web în care ne așteptăm să afișăm fereastra. Aceasta este pentru a autoriza numărul nostru API pentru acel site web ... și, prin urmare, ne responsabilizați pentru orice încălcare pe care am putea să o facem cu privire la termenii Google.

harti Google pe un web

În mod normal, pentru a obține un API, intrați pe acest site web și solicitați unul pentru o anumită adresă URL, apoi solicitați să vă introduceți contul Gmail și vi se atribuie un număr și un exemplu de cod. Dacă sesiunea Gmail este deja deschisă, sistemul asociază contul.

 

3. Generați codul

harti Google pe un web

Apăsând butonul „generează cod” se creează html-ul necesar pentru a-l insera numai în Blog. Pentru aceasta, trebuie activată opțiunea de cod, lipiți-o și este gata, în cazul lipirii pe un alt site web, căruia i-a fost autorizat API-ul, va apărea un mesaj care îl va respinge.

Și gata, ar trebui să arate bine. Du-te la Wizzard

Fiind o API bazată pe AJAX, o parte din scriptul creat nu funcționează foarte bine la unii manageri de conținut, cum ar fi WordPress MU, unde există control asupra funcționalităților, dar, în general, ar trebui să funcționeze bine.

Lasă un răspuns

Adresa ta de email nu va fi publicată.

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.