El cursor desaparece en la aplicación Google Maps

Question

Esto es realmente extraño. Después de crear una aplicación de Google Maps utilizando la v3 de la API, a veces el cursor del mouse desaparecerá cuando coloque el cursor sobre el mapa. Tengo varios controles fuera del mapa con los que necesito interactuar. Después de hacer clic en uno de ellos y el mapa pierde el foco, se muestra el problema. A alguien más le ha pasado esto? Intenté establecer el foco en el div donde está el mapa, pero eso no funcionó.

Answer 1

¿Qué navegador usas? Me encontré con el mismo problema (chrome v.17.0.963.46 y mac os x v. 10.7.2 y v. 10.6.8). Desarrollé la extensión para Chrome y todo estaba bien hasta la actualización de Chrome hasta la versión 17.0.963.46. A partir de ese momento comenzó a tener problemas con el cursor. Pero noté el mismo problema en el mapa de Google "claro": http://maps.google.com. Estoy pensando que es el problema de esta versión del navegador. Para FireFox todo está bien. Lea la información por este enlace - puede ser que pueda ayudarlo: http://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary&groupby=&sort=&id=113358

Answer 2

Respuesta corta: precargar el archivo del cursor de la mano de Google resuelve este problema.

Explicación detallada: Estaba teniendo el mismo problema en Chrome en OS X, incluso después de actualizar a 17.0.963.56 hoy. Otros navegadores y Chrome en Windows funcionaban bien.

El cursor desapareció al pasar de un elemento personalizado a la imagen del mapa. En los controles y marcadores de zoom, el mouse estaba visible pero desapareció nuevamente cuando se movía fuera de ellos. Establecer un cursor CSS: el puntero para todos los divs debajo del elemento map hizo visible el cursor también, pero no en el estilo correcto, por supuesto.

Revisé el DOM de Google Maps y descubrí que Google estaba usando un cursor de URL cuando sobre la imagen del mapa: http://maps.gstatic.com/mapfiles/openhand_8_8.cur.

Existen diferentes formas de precargar este archivo de imagen del cursor. Puede crear una imagen oculta en su html: O use jQuery para crear un elemento de imagen con el atributo right src.

Háganme saber si esto lo soluciona usted también.