jQuery and Google Maps

Publicado por Nikko el dia 18 Mar 2009 - Guardado en Scripts, jQuery Leido 5,145 Veces

jgmaps.jpg

jQuery and Google Maps, un interesante tutorial para aprovechar aun mas las características que posee Jquery y puedan crear en base a ellas un mashup de Google Maps. El tutorial explica muy bien como comenzar a implementar jQuery en el Interior de los mapas provistos por google. Sin bien los mapas de algunas regiones son realmente muy completos, aquí podremos añadir aun más información, lo que puede ser interesante para algún tipo de proyecto en los cual nos encontremos trabajando, algunos quizás relacionados a Turismo o Sociales en los cuales deseemos añadir aun mas información sobre la ubicación que intentemos mostrar.

  • Paso # 1: Obtener clave API
  • Paso # 2: Carga de Google Maps y jQuery
  • Paso # 3: Crear el Mapa de Google
  • Paso # 4: Cargar el ejemplo de Google Maps
  • Paso # 5: A través de marcadores de Loop y Básicos; Haga clic en Añadir marcadores de eventos

Ver Demo - Mas Info y Tutorial jQuery and Google Maps by Marc Grabanski

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] en Xyberneticos     Leer mas    Escribe una [...]

  2. [...] ver la demostración y más información de uso en jQuery and Google Maps by Marc Grabanski. vía: xyberneticos Etiquetas: api, google, gratis, javascript, mapas, ruta, turismo, [...]

  3. [...] Leyendo Xyberneticos me he encontrado con este buen tutorial donde se explica cómo usar el api de Google maps usando jQuery. [...]

  4. aletsh - Gravatar

    aletsh

    18-03-2009

    Permalink

    No funciona el enlace :-S



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: