Contenuto
Puoi personalizzare una mappa di Google per soddisfare le esigenze specifiche del pubblico del tuo sito web con l'API di Google Maps 3.0. Un metodo di personalizzazione consiste nell'inserire un cerchio che mostri il raggio della distanza attorno a un luogo specifico. Ad esempio, puoi mostrare il raggio di cinque chilometri intorno a un luogo turistico in modo che i visitatori possano vedere gli hotel e i ristoranti nelle vicinanze. Per creare un raggio di distanza attorno a una posizione o un punto, utilizza la classe "Cerchio" di Google Maps.
Passo 1
Apri il file HTML e vai alla sezione che contiene il codice della mappa di Google.
Passo 2
Scorri verso il basso il codice fino a trovare quello che definisce la posizione del marker. Per trovare facilmente il segnalibro, cerca il termine "google.maps.Marker" nel file HTML.
Passaggio 3
Sotto dove definite il marker, create il livello "Circle" e attaccatelo. Ad esempio, digita:
var circleExample = new google.maps.Circle ({map: map
Passaggio 4
Aggiungi il raggio del cerchio che sarà intorno al marcatore in metri:
var circleExample = new google.maps.Circle ({map: map radius: 5000
Passaggio 5
Crea un colore di riempimento per il cerchio. Definisci il colore utilizzando un formato esadecimale. Ad esempio, digita:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF});
Passaggio 6
Associa o aggiungi il cerchio all'indicatore:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF}); circleExample.bindTo (’map’, marker);
Passaggio 7
Salva la mappa e prova. Google Maps mostrerà un cerchio bianco con un raggio di 5.000 metri intorno alla posizione dell'indicatore.