Korištenje API-ja Google Maps radijalne udaljenosti

Sadržaj

• Korak 1
• Korak 2
• 3. korak
• 4. korak
• Korak 5
• Korak 6
• 7. korak

Google kartu 3.0 možete prilagoditi tako da udovolji specifičnim potrebama publike vašeg web mjesta. Jedna od metoda personalizacije je umetanje kruga koji pokazuje radijus udaljenosti oko određenog mjesta. Možete, na primjer, pokazati polumjer od pet kilometara oko turističkog mjesta kako bi posjetitelji mogli vidjeti obližnje hotele i restorane. Da biste stvorili radijus udaljenosti oko lokacije ili točke, upotrijebite klasu Google Maps "Circle".

Korak 1

Otvorite HTML datoteku i idite na odjeljak koji sadrži kôd Google karte.

Korak 2

Pomaknite se prema dolje dok ne pronađete onaj koji definira mjesto markera. Da biste lako pronašli oznaku, potražite pojam "google.maps.Marker" u HTML datoteci.

3. korak

Ispod mjesta gdje definirate oznaku stvorite sloj "Krug" i pričvrstite ga na njega. Na primjer, upišite:

var circleExample = novi google.maps.Circle ({mapa: karta

4. korak

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

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

Korak 5

Stvorite boju ispune za krug. Boju definirate pomoću heksadecimalnog formata. Na primjer, upišite:

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

Korak 6

Pridružite ili dodajte krug markeru:

var circleExample = novi google.maps.Circle ({mapa: radijus karte: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('karta', marker);

7. korak

Spremite kartu i testirajte. Google Maps prikazat će bijeli krug u radijusu od 5000 metara oko mjesta oznake.