GButtons es una clase para poder crear botones dentro de los mapas de GoogleMaps fácilmente. Podemos crear botones de texto o de imágenes.

Aquí un ejemplo de como mostrar algunas imágenes. Arriba a la derecha del mapa hay botones para ir directamente a diferentes lugares:

Los botones cambian la localización del mapa y el zoom desde una función llamada center. El código para crear los botones sería:

gbuttons = new GButtons(G_ANCHOR_TOP_RIGHT, 7, "vertical");
gbuttons.setWidth("100px");
gbuttons.addButton("Vista general", "center('general');");
gbuttons.addButton("La Caleta", "center('caleta');");
gbuttons.addButton("Paseo Marítimo", "center('paseo');");
gbuttons.addButton("La Catedral", "center('catedral');");
map.addControl(gbuttons);
							

En el ejemplo creamos un control con 4 botones. La variable gbuttons es de la clase GButtons y es la que hace todo el trabajo. Cada vez que llamamos a addButton creamos un botón nuevo y a este se le pasa como parámetros el texto del botón y la llamada a la función con sus parámetros. Tenemos más posibilidades que se pueden ver directamente en el código.

Licencia: GPL

jlDrag es una librería en javascript para poder hacer drag&drop y trabajar con capas flotantes.

Entre otras cosas puede hacer:

• Arrastrar y soltar.
• Limitar a una capa a que se mueva en una zona de la pantalla.
• Colocar diferentes zonas para fijar las capas.
• Poder leer en que zona se encuentra una capa.
• Cuando una capa se tiene que fijar en zonas, si no se coloca en el sitio esperado, vuelve atrás haciendo todo su recorrido.
• Realizar ventanas en las que sólo se mueva la capa al pulsar en la barra de título.
• Crear capas de descripción (parecido a los ALT pero más sofisticados).
• Mover capas sólo en horizontal o en vertical
• Funciona correctamente en Mozilla Firefox, Safari (MacOs), Opera y hasta en Internet Explorer.

A continuación algunos ejemplos de lo que se puede hacer con jlDrag:

• Ejemplo 1: un ejemplo sencillo de drap&drop.
• Ejemplo 2: ejemplo completo. Se usa drap&drop, ventanas flotantes y capas de descripción. El ejemplo consiste en arrastrar una serie de iconos (programas de linux) a su lugar dentro de una jerarquía.

Licencia: GPL