Cum se incorporeaza o harta Google intr-o pagina web sau pe un site – tutorial video

Cum se incorporeaza o harta Google intr-o pagina web sau pe un site – tutorial video
2.33 (6) 46.67%

Salut prieteni, in acest tutorial va voi invata sa incorporati si sa centrati o harta de pe Google Maps intr-o pagina html.
De ce am vrea sa incorporam o harta intr-un site sau intr-un document ?
Daca aveti un magazin online, va puteti pune showroom-ul pe harta sau pur si simplu vreti sa fiti localizat rapid de catre vizitatori, vreti sa asezati pe harta diferite obiective pe care altii sa le poata vedea, vreti sa faceti o harta in harta cu mai multe modificari. Raspunsuri sunt multe si cu putina imaginatie lista se poate lungi la nesfarsit.
Google Maps ne permite sa incorporam o harta sau chiar mai multe harti pe orice pagina web sau intr-un simplu document html, pentru asta nu trebuie decat sa selectam zona dorita de pe harta si sa apasam butonul “Link” cel care arata ca un lant. Sub link avem doua optiuni, fie folosim linkul pentru a-l trimite prietenilor pe messenger, skype, plus, facebook, twitter, fie alegem codul de incorporare (embed code). Codul de incorporare contine si cativa parametrii pe care-i putem modifica dupa cum dorim, este vorba despre latime, inaltime, grosimea marginii, etc pe care le putem modifica oricand. Daca vrem sa modificam incadrarea hartii in pagina nu trebuie decat sa o incadram intr-un div, pe care-l putem alinia in stanga, dreapta sau pe mijloc, in functie de asezarea in pagina.
O harta o putem pune si-n alte locuri, de exemplu putem trimite email-uri cu o harta jos la contact, asta va adauga un aer de profesionalism si transparenta afacerii voastre.
Harta incorporata poate fi simpla sau cu vedere din satelit, peste harta se pot adauga si alte straturi insa despre asta vom vorbi cu alta ocazie.
Google Maps ne ajuta sa ne punem si afacerea, cladirea, blocul, etc pe harta, daca doriti un tutorial despre acest subiect va rog sa-mi scrieti pe rubrica de comentarii.

Nu uitati, daca aveti sugestii, reclamatii sau completari nu ezitati sa scrieti pe rubrica de comentarii, de-asemenea daca intilniti pe rubrica de comentarii un user care are o problema si puteti sa-l ajutati, nu ezitati s-o faceti, numai asa putem face locul asta mai bun, ne vedem pe rubrica de comentarii !
Pe rubrica de comentarii incercati sa ramaneti cat de cat pe subiect, astfel putem oferi si altor vizitatori un tutorial + comentarii relevante, comentariile pot fi un ajutor in plus pentru userul cu probleme sau cu dorinta de a invata.
Inainte de a pune o intrebare incercati sa cautati printre comentariile mai vechi, de cele mai multe ori exista deja raspuns la intrebarea voastra.
Folositi mai mult categoriile din partea de sus a site-ului si motorul de cautare din partea dreapta sus pentru a ajunge rapid la ceea ce va intereseaza, avem peste 800 de tutoriale care acopera cam toate genurile de softuri, noi le-am realizat, voi trebuie doar sa le cautati si sa le urmariti.

Instructiuni de folosire videotutorial.ro

Motorul de cautare.
Daca de exemplu aveti o problema cu Yahoo Messenger, puteti introduce in motorul nostru de cautare termeni ca: Yahoo, Mess, Messenger, id mess, multimess, problema messenger, eroare messenger, etc, veti vedea ca o sa aveti de unde alege.

Categoriile.
Daca folositi categoriile drop-down, acestea le gasiti pe bara de sub Home cu categoriile: Birou, Grafica-Design, Hardware, Internet, Multimedia, Securitate, Sistem, Stocare-Backup, sub aceste categorii sunt organizate sub-categorii si sub-sub-categorii, asta pentru o filtrare mai precisa. Pentru a gasi ceva legat de Yahoo Messenger cu ajutorul categoriilor va puteti duce pe categoria:Internet, acolo se vor deschide alte subcategorii de unde veti alege Mesagerie-Chat, de acolo va puteti duce pe subcategoria Yahoo, in final, cu ajutorul acestor filtre veti ajunge pe o pagina unde sunt numai articole legate de Yahoo Messenger sau Yahoo Mail.

Arhivele.
Pe pagina Arhive puteti gasi toate tutorialele noastre organizate frumos pe zile, saptameni, luni si ani.
Totul este logic, trebuie doar sa urmati logica.

Vizionare placuta !
de Cismaru Cristian


Get the Flash Player to see the wordTube Media Player.


Tutoriale similare



Despre Cristian Cismaru

Imi place tot ce tine de IT&C, imi place sa impartasesc din experienta si informatiile pe care le acumulez zi de zi.
Invat ca sa va invat !

Comentarii

  1. salut foarte interesant tutorialul dar eu as vrea sa va rog sa faceti cat mai multe tutoriale despre dezvoltarea saiturilor si sa faceti tutoriale la cat mai multe scripturi de html asta insemnand sa spuneti cum putem sa le modificam si daca e posibil cateva despre mysql eu as fi foarte interesat de ele

    View Comment
  2. As vrea un tutorial cristi in care sa explici la emag cum e cu profitshare la ce iti foloseste, cum primesti bani, cum cumperi, etc.

    View Comment
  3. Cristi poti pune undeva tutorialu GBO TV plss
    pe youtube daca se poate
    Multumesc

    View Comment
  4. Salut cristi , foarte bun acest tutorial . Puteti face va rog un tutorial despre cum putem sa ne punem afacerea pe google maps ? (asa cum ai specificat si in acest tutorial).

    View Comment
  5. DJ NICHI PIZZA a zis:

    As dori un tutorial despre Wirecast daca se poate.

    View Comment
  6. scuzaţi de offtop, dar am o interbare: cum pot naviga prin google chrome cu 2 mousuri, ambele avind un cursor aparte

    View Comment
  7. Vlad Angelo a zis:

    ARST:
    scuzaţi de offtop, dar am o interbare: cum pot naviga prin google chrome cu 2 mousuri, ambele avind un cursor aparte

    Nu se poate… acest lucru a fost o farsa de 1 aprilie organizata de Google

    View Comment
  8. Adrian Gudus a zis:

    Vlad Angelo: Nu se poate… acest lucru a fost o farsa de 1 aprilie organizata de Google

    Ba se poate si o sa vedeti si cum. Stay tuned for more!
    Cine este fan adevarat videotutorial.ro si stie toate tutorialele noastre va intui si cum este posibil acest lucru 😉
    Nu stiu daca va reusi si partea cu “cursor aparte” in sensul ca ambele vor fi indentice

    View Comment
  9. Se poate pune si pe facebook asa sa fie vizibil harat?

    View Comment
  10. Este foarte important, mai ales ca ofera mai multa credibilitate, exactitate si pe baza ei se pot face si planuri de cheltuiala, gandindu-ne ca ar fi vorba de un drum pana undeva, mai departe de orasul nostru. Multumesc pentru articol, mi-a fost de mare ajutor pentru blog-ul meu 😉 thumb up pentru cum l-asi explicat!

    View Comment
  11. george chirila a zis:

    Te salut!
    Am un blog personal si am incercat sa introduc o harta.Am facut exact pasii pe care i-ai explicat in tutorial,dar imi spune ceva de genul : HTML-ul dvs. nu poate fi acceptat: Eticheta nu este închisă: DIV Renunţaţi.
    Am intrat la p[ostarea din blog,am pus exact cum ai spus,adica

    ,am pus codul iframe al hartii

    si cand ii dau sa-mi salveze ce am scris mai sus,imi apare ce ti-am aratat cu eticheta nu este inchisa.
    Iti multumesc pentru viitoarele explicatii.

    View Comment
  12. Buna, cum pot modifica acea săgeată roșie care arata locația, dacă doresc sa pun un alt semn (ex.: un bec), se poate?

    View Comment

Spune-ți părerea

*