Cum se introduce o hartă Google pe site-ul

De asemenea, cardul încorporat poate fi foarte flexibil pentru a personaliza, schimba culoarea, adăugați marcatori, ponturile, etc. În general, o mulțime de oportunități și că este vorba doar despre cele mai de bază dintre ele, aș dori să-i spun și spectacol de exemplu, cum să pună în aplicare.

Prima lecție va fi dedicată temei „Cum se instalează Google Maps pe site-ul meu?“

Pentru a face acest lucru, trebuie să facem 4 pași simpli.

Pasul 1 - conectați Google Maps API

În același timp, vreau să rețineți că, chiar dacă nu specificați o cheie și, în general, omite această opțiune, cardul va lucra în continuare, doar consola va fi afișată avertizarea că opțiunea nu este specificată.

Cum de a obține cheia API Hărți Google?

3. Selectați „Creează un proiect nou“ sau dacă ați creat deja proiecte înainte, selectați unul existent. Apoi faceți clic pe „Continue“.

4. Introduceți un nume arbitrar pentru cheia. Opțional, puteți specifica, de asemenea, domeniul site-ului pe care va fi folosită cheia, dar acest lucru este opțional.

Apoi faceți clic pe „Create“ buton.

5. Aceasta este aceeași cheie, care trebuie să fie specificată la conectarea Google Maps API

Pasul 2 - puneți un card de pe pagina web

În locul în care doriți să afișați o hartă, vom introduce o etichetă (puteți utiliza orice element de nivel bloc), care specifică un ID unic și este de asemenea de dorit să se specifice clasei.

Numele și ID-ul clasei poate fi arbitrară și nu neapărat la fel ca și în cazul nostru.

Pasul 3 - Setează dimensiunea cardului

Acum, se adaugă următoarea regulă stylesheet, în care definim dimensiunile pentru hărțile noastre viitoare.

pot fi specificate în orice unități Dimensiunile sunt disponibile în CSS.

Pasul 4 - inițializa carte

După ce Google Maps API (etapa 1) conexiune, avem nevoie pentru a apela cartela funcția de inițializare indicată mai jos.

Și, în sfârșit, în cazul în care pentru a obține coordonatele latitudine și longitudine?

2. Găsiți harta obiectul dorit

3. faceți clic pe butonul din dreapta al mouse-ului și selectați „Ce e aici?“

4. Va apărea fereastra hartă care va fi descris în detaliu latitudine și longitudine. Aceste valori și trebuie să utilizați cu Google Maps API