azaPlotter… pequeña librería para Google Maps

El API para Google Maps es muy potente, pero por eso también algo complejo. Además hay ciertas funcionalidades que siempre las quiere uno de la misma manera (pe. marcador arrastrable con ventana info) . Cómo no encontré nada en la web que me facilitara estas tareas me puse a crear yo mismo la librería y de paso, claro está, compartirla.

Funcionalidades:

  • Posicionamiento
  • Marcadores (arrastrables)
  • Ventana info para marcadores
  • Controles de Google (zoom, tipo mapa, etc)
  • Controles propios (por momento solo con imagen)
  • GeoCoding

Iré ampliando funcionalidades según la demanda (propia y/o sugerida).

Modo de uso:

HTML:

<div id=”idMapa”></div>

CSS:

#idMapa{
width: 300px;
height: 300px
}

JavaScript:

miMapa = new azaPlotter(’idMapa’);
miMapa.setCoords(40.417678, -3.674927,6);
miMapa.draw();

Con esto tendríamos un mapa simple mostrando España, sin controles ni marcadores.
Para añadir un marcador con su ventana info encima de Madrid procederíamos de la siguiente manera:

miMapa.add_marker( 40.417678, -3.674927, {label:’Madrid’, defaultOpen:true} );

La opción “defaultOpen:true” hace que la ventana info se muestre desde un principio… si le pusiéramos false solo se abriría al hacer click en el marcador.

Para añadir los controles de zoom y tipo de mapa también lo tenemos muy fácil.

miMapa.add_control( ‘GSmallMapControl’) ;
miMapa.add_control( ‘GMapTypeControl’) ;

Esto nos añadiría un pequeño control de zoom y movimiento y botones para seleccionar el tipo de mapa (mapa, satélite, mixto)

Por último podemos reposicionar el centro del mapa usando el comando repos()

miMapa.repos(27.039557,30.871582)

lo que nos mostraría Egipto.

Version: 0.5
Descarga: azaPlotter.js