Inserare harta Google in site

In acest tutorial video vedem cum putem insera o harta Google intr-o pagina web. Dupa gasirea adresei in Google Maps vom merge pe optiunea Link, iar aici avem mai multe variante:

– putem insera fie un link absolut in pagina noastra care odata clickat va deschide harta Google cu adresa selectata

– sau putem incorpora html-ul in pagina noastra. Varianta cea mai utilizata este aceasta. Harta este inchisa intr-un tag iframe, care este o fereastra care se poate aplica intr-o pagina html pentru a incarca in interiorul acesteia o alta pagina in asa fel incat in browser utilizatorul sa vada continutul celor doua pagini intr-o pagina unica.

Dimensiuni harta

Codul il putem insera direct in pagina noastra sau putem sa personalizam harta. Pentru dimensiuni putem alege intre cele trei de default Mica, Medie si Mare iar dimensiunile pentru fiecare dintre aceste variante se reflecta in codul html. Dar cel mai des avem cazul in care harta noastra va trebui sa fie vizualizata intr-un tag div de dimensiuni specifice iar atunci vom folosi optiunea de personalizare a dimensiunii hartii si vom insera dimensiunile care ne trebuiesc noua, de exemplu 600 x 500 px.

Linkul pe care il vedem in partea de jos a hartii, cel care duce la vizualizarea extinsa a acesteia se va genera in limba sistemului operativ dar se poate si personaliza odata ce vom aduce codul iframe in pagina noastra.

Modalitate de vizualizare

Dupa personalizarea dimensiunilor hatii mai putem personaliza si modalitatea de vizualizare a adresei, ceea de default este vizualizarea prin satelit, apoi prima optiune este vizualizarea hatii normale. Acestea sunt cele doua optiuni care se folosesc in mod frecvent pentru inserearea hartii in paginile web. Cea de-a treia si de-a parta optiune nu se folosec si pentru faptul ca optiunea Earth ne va genera o harta in 3D, iar pentru vizualizarea ei vizitatorul site-ului nostru va trebui sa dowlodeze pugin-ul.

Ceea ce mai mai putem face pentru a personaliza si mai mult harta noastra este sa definim regulile pentru fazele de link pentru a nu avea link-ul albastru (formatarea de default a link-urilor) in partea de jos a hartii si pentru a uniformiza toate linkurile din pagina noastra cu grafica site-ului.