Come sbarazzarsi del cursore della mano su Google Maps API V3

May 20

È possibile personalizzare i cursori che una mappa di Google incorporato utilizza sul tuo sito web. Per impostazione predefinita, la mappa utilizza un cursore aperto-handed quando il puntatore del mouse si trova sopra la mappa e un cursore chiuso a mani quando lo spettatore del tuo sito web sta trascinando la mappa. È possibile impostare le opzioni della mappa nel codice HTML della pagina Web per sbarazzarsi del cursore della mano e sostituirlo con un cursore di vostra scelta.

istruzione

1 Aprire il file HTML della pagina Web in un editor di testo.

2 Individuare il "var myOptions = {" riga nel file. Questa linea inizia la sezione contenente la programmazione dell'applicazione versione dell'interfaccia di Google Maps 3 opzioni.

3 Aggiungere il seguente codice come nuove linee tra le "var myOptions = {" e "};" linee:

draggableCursor: puntatore,
draggingCursor: mirino

4 Sostituire i valori "mirino" "puntatore" e con i nomi dei cursori che si desidera utilizzare sulla mappa. Per impostazione predefinita, questo codice mostra il puntatore del mouse standard quando un utente passa sopra la mappa e un cursore a croce quando l'utente trascina la mappa.

5 Verificare che ogni linea opzione nella sezione myOptions termina con una virgola, eccetto l'ultima riga. La vostra sezione myOptions dovrebbe essere simile al seguente esempio:

var myOptions = {
zoom: 100,
Centro: il valore,
mapTypeId: google.maps.MapTypeId.HYBRID,
draggableCursor: puntatore,
draggingCursor: mirino
};

6 Salvare file HTML della pagina Web e caricarlo sul server Web.

Consigli e avvertenze

  • È possibile specificare qualsiasi cursore standard. Ad esempio, "testo" mostra il cursore di immissione del testo.