Nwlapcug.com


Come sbarazzarsi del cursore mano su Google Maps API V3

È possibile personalizzare i cursori che utilizza una mappa incorporata di Google sul tuo sito Web. Per impostazione predefinita, la mappa utilizza un cursore a mano aperta quando un puntatore del mouse sopra la mappa e un cursore chiuso-consegnato quando il visualizzatore del tuo sito Web sta trascinando la mappa. È possibile impostare le opzioni della mappa nel codice HTML della tua pagina Web per sbarazzarsi del cursore mano e sostituirlo con un cursore di vostra scelta.

Istruzioni

1

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

2

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

3

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

draggableCursor: puntatore,
draggingCursor: mirino

4

Sostituire il "puntatore" e valori "mirino" con i nomi dei cursori da utilizzare sulla mappa. Per impostazione predefinita, questo codice viene illustrato 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 riga di opzione nella sezione myOptions termina con una virgola, tranne l'ultima riga. La sezione myOptions dovrebbe essere simile all'esempio seguente:

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

6

Salvare il file HTML della tua pagina Web e caricarlo sul server Web.

Consigli & Avvertenze

  • È possibile specificare qualsiasi cursore standard. Ad esempio, "testo" Mostra il cursore di inserimento testo.