È possibile personalizzare una mappa di Google per rispondere alle esigenze specifiche del tuo sito web pubblico utilizzando l' API di Google Maps 3.0 . Un metodo è quello di mettere un cerchio che mostra un raggio di distanza intorno a una posizione particolare. Ad esempio, posizionare un cerchio che mostra un raggio di cinque miglia attorno a una località turistica , così gli utenti possono visualizzare gli hotel e ristoranti vicino l'attrazione . Per creare un raggio di distanza attorno a una posizione o un indicatore , utilizzare la classe di Google Maps "Cerchio" . Istruzioni
1

Aprire il file HTML e passare alla sezione che contiene il codice di Google map .
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 , ricerca per 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 :

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

Aggiungi il raggio della circonferenza in metri intorno al marker :

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

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

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

Associato , o si legano , il cerchio per il marcatore :

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

Salva la mappa e testarlo . Google Maps mostra un cerchio bianco con un raggio di 5.000 metri intorno alla posizione del marker.

• Come utilizzare il codice DBL 
• Come fare una palla Animazione Bouncing in HTML