Google Maps y Twitter

Google Maps y Twitter / Mariano J. Muzas HTML5, CSS3, PHP, Mysql, bbdd, javascript, JQuery, JQuerymobile, Bootstrap, Material Design, WordPress, Newsletter, Api de Facebook, Api de twitter, PrestaShop.

Google Maps y Twitter

Landing para Bodegas Ramón Bilbao con motivo de una campaña de promoción en Suiza.

Realizado con un template personal, pero apoyándose en Bootstrap para la galería de imágenes, API de Twitter, Google MapsCss3, HTML5, jQuery y responsive.

Por medio de anclas, pasamos por las diferentes secciones, Uno de los elementos destacados,  es el mapa, donde haciendo click en los marcadores, se abre un pop up con la información de los locales participantes, y enlaces donde figura la ruta de la promoción y enlace a su web. Realizado con jQuery. 

Ya que existen varios marcadores y algunos de ellos prácticamente se solapan, se les añadió movimiento con el evento onclick de jQuery, para destacarlos del resto, un detalle importante es que el mapa no se mueve al hacer scroll,  esto ayuda a que la navegación sea más precisa.

Para smartphones, el mapa es sustituido por desplegables con efecto slideToggle. Para lograr que la información se visione de mejor manera en los formatos mas pequeños.

Llamada a tweets con el hastag de la promoción, por medio de un slide, podemos ver todos los tweets creados, autor, texto e imagen si esta existe. Desarrollado con jQuery y aplicando un CSS propio, acorde con el diseño, partiendo de la API de Twitter.

Galería de imágenes con Bootstrap.

Enlace: #mirtour2016

 

Mariano J. Muzas.

Google domina el mundo.

Luis Cano / 11-12-2016

Pero no las redes sociales, eso si, el mapa aplicado en una web, es verdaderamente útil.

Mariano J. / 11-12-2016

Escribe un comentario

Tu email no se hará visible