Korištenje API-ja Google karata za radijalno udaljenost

Sadržaj

• smjerovi

Pomoću API-ja za Karte 3.0 možete prilagoditi Google kartu da bi zadovoljila specifične potrebe publike za vašom web-lokacijom. Jedan od načina personalizacije je umetanje kruga koji prikazuje radijus udaljenosti oko određenog mjesta. Možete, primjerice, prikazati radijus od pet milja oko turističkog mjesta kako bi posjetitelji mogli vidjeti obližnje hotele i restorane. Da biste stvorili polumjer udaljenosti od lokacije ili točke, upotrijebite klasu "Krug" u Google Kartama.

smjerovi

1. Otvorite HTML datoteku i idite na odjeljak koji sadrži Googleov kod karte.

2. Pomaknite kôd prema dolje dok ne pronađete lokaciju oznake. Da biste lako pronašli oznaku, potražite pojam "google.maps.Marker" u HTML datoteci.

3. Ispod gdje postavite marker, napravite sloj "Krug" i priključite ga na njega. Na primjer, upišite:

   var circleExample = novi google.maps.Circle ({map: map

4. Dodajte radijus kruga koji će biti oko markera u metrima:

   var circleExample = novi google.maps.Circle ({mapa: radijus karte: 5000

5. Stvorite boju ispune za krug. Boju postavljate u heksadecimalnom formatu. Na primjer, upišite:

   var circleExample = novi google.maps.Circle ({map: radijus karte: 5000 fillColor = #FFFFFF});

6. Pridružite ili dodajte krug oznaci:

   var circleExample = novi google.maps.Circle ({map: radijus karte: 5000 fillColor = #FFFFFF}); circleExample.bindTo ("karta", oznaka);

   
   

7. Spremite kartu i testirajte. Google Karte prikazat će bijeli krug u radijusu od 5000 metara oko lokacije oznake.