Kako postaviti kartu na webu

Pretpostavimo da želimo postaviti u post na blogu ili na stranicu prozor Google mapa s određenim područjem i oznakom u sredini s detaljima. Uz to i pretraživač na dnu.

Najjednostavniji je način otvaranjem karte na Google kartama i odabirom opcije "poveži kartu na ugrađeni način" u kojoj možete prilagoditi neke parametre. Ovo nije API i vrši se pomoću obrasca "iframe".

Drugi način je korištenje API-ja, putem čarobnjaka napravljenog za AJAX, koji vam omogućuje stvaranje koda s malo detalja:

1. Definirajte parametre

U ovom slučaju moramo definirati veličinu u pikselima prozora koji želimo prikazati, poželjno je zadržati onu koja je unutar maksimalne širine posta na blogu, kao što je 400px

Zatim morate definirati želite li pristup na razini grada, ulice ili bloka.

Možete odrediti detalje koji se očekuju u robnoj marki, imenu, URL-u i adresi.

Pritiskom na gumb "Pregledaj središte mjesta" možete vidjeti kako će se prozor prikazati.

2. Omogućite prava API-ja

Sljedeća je stvar pružiti podatke weba u kojem očekujemo prikaz prozora. Ovim se odobrava naš API broj za to web mjesto ... i prema tome, čine nas odgovornima za svako kršenje Googleovih uvjeta.

Obično, da biste nabavili API, uđete na ovo web mjesto i zatražite ga za određeni url, a zatim zatražite ulazak na svoj gmail račun i dodjeljuje vam se broj i primjer koda. Ako je gmail sesija već otvorena, sustav pridružuje račun.

3. Generiranje koda

Pritiskom na gumb "generiraj kôd" kreira se potreban HTML koji će ga samo umetnuti u Blog. Za to se mora aktivirati opcija koda, zalijepiti je i spremna je, u slučaju da je zalijepite na drugu web stranicu, za koju je API ovlašten, pojavit će se poruka koja je odriče.

I spremno, trebalo bi izgledati dobro. Idite na wizzard

Budući da se radi o API-ju koji se temelji na AJAX-u, neke stvorene skripte ne rade baš dobro u nekim upraviteljima sadržaja, kao što je Wordpress MU, gdje postoji kontrola nad funkcionalnošću, ali općenito bi trebala raditi dobro.