Použití rozhraní API Map Google pro radiální vzdálenost

Obsah

• Pokyny

Mapu Google můžete přizpůsobit tak, aby vyhovovala specifickým potřebám publika na vašem webu pomocí rozhraní API API služby Mapy 3.0. Jednou z metod personalizace je vložit kružnici, která ukazuje poloměr vzdálenosti kolem určitého místa. Můžete například zobrazit poloměr o délce 5 mil kolem turistického místa, takže návštěvníci mohou vidět blízké hotely a restaurace. Chcete-li vytvořit poloměr vzdálenosti kolem místa nebo bodu, použijte třídu „Kruh“ v Mapách Google.

Pokyny

1. Otevřete soubor HTML a přejděte do sekce obsahující kód mapy Google.

2. Posouvejte dolů kód, dokud nenajdete umístění značky. Chcete-li najít záložku snadno, vyhledejte v souboru HTML výraz „google.maps.Marker“.

3. Níže, kde nastavíte značku, vytvořte vrstvu "Kruh" a připojte ji k ní. Zadejte například:

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

4. Přidejte poloměr kruhu, který bude kolem značky v metrech:

   var circleExample = nový google.maps.Circle ({mapa: poloměr mapy: 5000

5. Vytvořte barvu výplně pro kruh. Nastavíte barvu pomocí hexadecimálního formátu. Zadejte například:

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

6. Přidružit nebo přidat kruh ke značce:

   
   

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

7. Uložte mapu a otestujte. Mapy Google budou zobrazovat bílý kruh o poloměru 5000 metrů kolem místa značky.