È possibile personalizzare una mappa di Google per rispondere alle esigenze specifiche del vostro pubblico sito web utilizzando il 3.0 API di Google Maps. Un metodo consiste nel posizionare un cerchio che mostra un raggio distanza attorno una posizione particolare. Ad esempio, posizionare un cerchio che mostra un raggio di cinque miglia intorno a una località turistica, così gli utenti possono vedere alberghi e ristoranti vicino l'attrazione. Per creare un raggio di distanza intorno a una posizione o un pennarello, utilizzare la classe di Google Maps "Circle".

istruzione

1 Aprire il file HTML e passare alla sezione contenente il codice mappa di Google.

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

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

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

4 Aggiungere raggio del cerchio in metri in tutto il marcatore:

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

5 Creare un colore di riempimento per il cerchio. È possibile definire il colore utilizzando un formato esadecimale. Ad esempio, digitare:

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

6 Associate, o si legano, il cerchio per il marcatore:

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

7 Salvare la mappa e testarlo. Google Maps visualizza un cerchio bianco con un raggio di 5.000 metri intorno al luogo marcatore.