Tecnología

Inicio

¿Cómo deshacerse de la Mano del cursor en Google Maps API V3

Puede personalizar los cursores que un mapa de Google incrustada utiliza en su sitio web. Por defecto, el mapa utiliza un cursor con la mano abierta cuando un puntero está sobre el mapa y un cursor cerrado entregado cuando el espectador de su sitio web está arrastrando el mapa. Puede configurar las opciones del mapa en el código HTML de la página Web para deshacerse de la mano del cursor y reemplazarlo con un cursor de su elección.

Instrucciones

1 Abra el archivo HTML de la página Web en un editor de texto.

2 Busque la sección "myoptions var = {" línea en el archivo. Esta línea comienza la sección que contiene el Google Maps de programación de aplicaciones interfaz de la versión 3 opciones.

3 Agregue el código siguiente como nuevas líneas entre los "myoptions var = {" y "}; las" líneas:

draggableCursor: puntero,
draggingCursor: punto de mira

4 Vuelva a colocar el punto de mira "valores" "puntero" y con los nombres de los cursores que desea utilizar en el mapa. Por defecto, este código se muestra el puntero del ratón estándar cuando un usuario pasa el ratón sobre el mapa y un puntero de precisión cuando el usuario arrastra el mapa.

5 Compruebe que cada línea de opción en la sección myoptions termina con una coma, a excepción de la última línea. Su sección myoptions debe ser similar al siguiente ejemplo:

myoptions var = {
zoom: 100,
Centro: valor,
mapTypeId: google.maps.MapTypeId.HYBRID,
draggableCursor: puntero,
draggingCursor: punto de mira
};

6 Guarde el archivo HTML de la página Web y subirlo a su servidor Web.

Consejos y advertencias

  • Se puede especificar cualquier cursor estándar. Por ejemplo, "texto" muestra el cursor de entrada de texto.