È possibile personalizzare una mappa di Google per soddisfare le esigenze specifiche del tuo pubblico sito Web utilizzando l'API di Google Maps 3.0. Un metodo consiste nell'inserire un cerchio che mostra un raggio di distanza intorno a una particolare località. Ad esempio, posizionare un cerchio che mostra un raggio di cinque miglia intorno a una località turistica, così gli utenti possono visualizzare Alberghi e ristoranti vicino alle attrazioni. Per creare un raggio di distanza intorno a una posizione o un marcatore, utilizzare la classe di "Circle" di Google Maps.

Istruzioni

1

Apri il file HTML e passare alla sezione che contiene il codice della mappa di Google.

2

Scorrere il codice fino a trovare il codice dove si definisce la posizione o il marcatore. Per trovare facilmente il marcatore, cercare il termine "google.maps.Marker" nel file HTML.

3

Sotto dove si definisce il marcatore, creare la sovrapposizione di "Circle" e associarlo al marcatore. Ad esempio, digitare:

var circleExample = new google.maps.Circle({
Mappa: mappa

4

Aggiungere il raggio del cerchio in metri intorno il marcatore:

var circleExample = new google.maps.Circle({
Mappa: mappa
raggio: 5000

5

Creare un colore di riempimento per il cerchio. Si definisce il colore utilizzando un formato esadecimale. Ad esempio, digitare:

var circleExample = new google.maps.Circle({
Mappa: mappa
raggio: 5000
fillColor = #FFFFFF
});

6

Associare, o associare, il cerchio del marcatore:

var circleExample = new google.maps.Circle({
Mappa: mappa
raggio: 5000
fillColor = #FFFFFF
});
circleExample.bindTo ('mappa', marker);

7

Salvare la mappa e testarlo. Google Maps Visualizza un cerchio bianco con un raggio di 5.000 metri circa la posizione dell'indicatore.