Obsah
Mapu Google můžete přizpůsobit tak, aby vyhovovala konkrétním potřebám publika vašeho webu, a to pomocí rozhraní Google Maps 3.0 API. Jednou z metod personalizace je vložit kruh, který ukazuje poloměr vzdálenosti kolem konkrétního místa. Můžete například ukázat poloměr pěti kilometrů kolem turistického místa, aby návštěvníci mohli vidět nedaleké 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.
Krok 1
Otevřete soubor HTML a přejděte do části, která obsahuje kód mapy Google.
Krok 2
Posuňte se dolů po kódu, dokud nenajdete ten, který definuje umístění značky. Chcete-li záložku snadno najít, vyhledejte v souboru HTML výraz „google.maps.Marker“.
Krok 3
Pod místem, kde definujete značku, vytvořte vrstvu „Kruh“ a připojte ji k ní. Zadejte například:
var circleExample = nový google.maps.Circle ({mapa: mapa
Krok 4
Přidejte poloměr kruhu, který bude kolem značky v metrech:
var circleExample = nový google.maps.Circle ({mapa: poloměr mapy: 5000
Krok 5
Vytvořte barvu výplně kruhu. Barvu definujete pomocí hexadecimálního formátu. Zadejte například:
var circleExample = nový google.maps.Circle ({mapa: poloměr mapy: 5000 fillColor = #FFFFFF});
Krok 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);
Krok 7
Uložte mapu a otestujte. Mapy Google zobrazí bílý kruh s poloměrem 5 000 metrů kolem umístění značky.