2012-03-28 24 views
15

Cambio dinámico del tipo de cursor en un mapa de Google utilizando la API de Javascript V3.API de Google Maps - Tipo de cursor predeterminado

map.setOptions({draggableCursor:'crosshair'}); 

Esto es fácil, pero no puedo encontrar la forma de volver al cursor predeterminado de la mano que se puede arrastrar.

Cualquier sugerencia de cómo puedo hacer referencia al tipo de cursor predeterminado. Intenté por defecto, automático y mano en vano. A continuación se muestra cómo se ve la mano antes de cambiarla.

enter image description here

Respuesta

20

Es una imagen: http://maps.gstatic.com/mapfiles/openhand_8_8.cur

cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; 

No sé si se documenta en alguna parte, pero estableciendo la opción draggableCursor a null restaurará el valor predeterminado para mí, podría ser una mejor opción.

+2

Gracias. Eso funcionó muy bien. Se cambió a la configuración predeterminada utilizando map.setOptions ({draggableCursor: 'url (http://maps.gstatic.com/mapfiles/openhand_8_8.cur), predeterminado'}); – snowgage

20

Esto parece funcionar para mí

map.setOptions({draggableCursor:''}); 
+1

Gracias! La mejor respuesta! –

0

que he tenido algunos problemas para cambiar el tipo de cursor por defecto en Google Maps v3. Cuando quiera que el cursor esté en la mano, use draggableCursor: 'pointer' en la definición de mapOptions, pero si quiere deshacerse de la manecilla pequeña, y solo quiere ver el puntero web estándar, el valor de draggableCursor debe ser 'predeterminado', como el código a continuación.

var mapOptions = { 
    zoom: 8, 
    center: position, 
    mapTypeId: mapTypeId, 
    draggableCursor: 'default' 
    }; 

Esta herramienta puede ser de alguna ayuda: http://www.birdtheme.org/useful/v3tool.html.