Utilizarea API-ului Google Maps pentru distanță radială

Conţinut

• instrucțiuni de ghidare

Puteți personaliza o hartă Google pentru a răspunde nevoilor specifice de public ale site-ului dvs. cu API-ul Maps 3.0. O metodă de personalizare este de a introduce un cerc care să arate raza distanței în jurul unui anumit loc. Puteți arăta, de exemplu, raza de cinci mile în jurul unui punct turistic, astfel încât vizitatorii să poată vedea hoteluri și restaurante din apropiere. Pentru a crea o rază de distanță în jurul unei locații sau a unui punct, utilizați clasa "Circle" în Hărți Google.

instrucțiuni de ghidare

1. Deschideți fișierul HTML și accesați secțiunea care conține codul hărții Google.

2. Derulați în jos codul până când găsiți locația marcatorului. Pentru a găsi ușor marcajul, căutați termenul "google.maps.Marker" în fișierul HTML.

3. Sub nivelul unde ați setat marcatorul, creați stratul "Cerc" și atașați-l la acesta. De exemplu, tastați:

   var circleExemplu = nou google.maps.Circle ({map: hartă

4. Adăugați raza cercului care va fi în jurul marcatorului în metri:

   var circleExample = nou google.maps.Circle ({map: raza hărții: 5000

5. Creați o culoare de umplere pentru cerc. Setați culoarea utilizând un format hexazecimal. De exemplu, tastați:

   var circleExemplu = nou google.maps.Circle ({map: raza hărții: 5000 fillColor = #FFFFFF});

6. Asociați sau adăugați cercul către marcator:

   
   

   var circleExemplu = nou google.maps.Circle ({map: raza hărții: 5000 fillColor = #FFFFFF}); circleExample.bindTo ("hartă", marcator);

7. Salvați harta și testați. Hărți Google va afișa un cerc alb cu o rază de 5.000 de metri în jurul locației marcatorului.