Utilizzo dell'API di Google Maps per Radial Distance

Contenuto

• indicazioni

Puoi personalizzare una mappa di Google per soddisfare le esigenze specifiche del pubblico del tuo sito con l'API di Google Maps 3.0. Un metodo di personalizzazione consiste nell'inserire un cerchio che mostra il raggio di distanza attorno a un luogo specifico. È possibile, ad esempio, mostrare il raggio di cinque miglia intorno a un punto turistico in modo che i visitatori possano vedere alberghi e ristoranti nelle vicinanze. Per creare un raggio di distanza attorno a un luogo o a un punto, utilizza la classe "Cerchio" in Google Maps.

indicazioni

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

2. Scorri il codice fino a trovare la posizione del marcatore. Per trovare facilmente il segnalibro, cerca il termine "google.maps.Marker" nel file HTML.

3. Sotto, dove imposti il ​​marcatore, crea il livello "Cerchio" e attaccalo ad esso. Ad esempio, digitare:

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

4. Aggiungi il raggio del cerchio che sarà intorno all'indicatore in metri:

   var circleExample = new google.maps.Circle ({map: map radius: 5000

5. Crea un colore di riempimento per il cerchio. Si imposta il colore utilizzando un formato esadecimale. Ad esempio, digitare:

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

6. Associa o aggiungi il cerchio al marcatore:

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

   
   

7. Salva la mappa e prova. Google Maps mostrerà un cerchio bianco di 5.000 metri di raggio intorno alla posizione dell'indicatore.