Používanie rozhrania API služby Mapy Google pre radiálnu vzdialenosť

Obsah

• inštrukcia

Mapu Google môžete prispôsobiť tak, aby vyhovovala špecifickým potrebám publika na vašej stránke pomocou rozhrania API služby Mapy API 3.0. Jednou z metód personalizácie je vloženie kruhu, ktorý zobrazuje polomer vzdialenosti okolo určitého miesta. Môžete napríklad zobraziť polomer piatich míľ okolo turistického miesta, takže návštevníci môžu vidieť blízke hotely a reštaurácie. Ak chcete vytvoriť polomer vzdialenosti okolo miesta alebo bodu, použite triedu „Kruh“ v Mapách Google.

inštrukcia

1. Otvorte súbor HTML a prejdite do časti, ktorá obsahuje kód mapy Google.

2. Posúvajte sa smerom nadol, kým nenájdete umiestnenie značky. Ak chcete nájsť záložku jednoducho, vyhľadajte v súbore HTML výraz „google.maps.Marker“.

3. Nižšie, kde nastavíte značku, vytvorte vrstvu "Kruh" a pripojte ju k nej. Zadajte napríklad:

   var circleExample = nový google.maps.Circle ({mapa: mapa

4. Pridajte polomer kruhu, ktorý bude okolo značky v metroch:

   var circleExample = nový google.maps.Circle ({mapa: polomer mapy: 5000

5. Vytvorte farbu výplne pre kruh. Nastavíte farbu pomocou hexadecimálneho formátu. Zadajte napríklad:

   var circleExample = nové google.maps.Circle ({mapa: polomer mapy: 5000 fillColor = #FFFFFF});

6. Kružnicu pridajte alebo pridajte k značke:

   
   

   var circleExample = nové google.maps.Circle ({mapa: polomer mapy: 5000 fillColor = #FFFFFF}); circleExample.bindTo („mapa“, značka);

7. Uložte mapu a vyskúšajte. Mapy Google zobrazia biely kruh s polomerom 5000 metrov okolo umiestnenia značky.