Entradas con la etiqueta ‘google maps’

CSS – Quitar Scroll en InfoWindow de Google Maps

Publicado por Iván Gajate el 9 de enero de 2014 en css, Desarrollo Web | Los comentarios están cerrados.

Si insertamos un mapa de Google Maps en nuestro html, al darle a una burbuja de localización, la ventana aparece con un scroll muy poco estético. Para quitarlo podemos usar estas css.

http://www.canbike.ca/information-technology/2013/11/01/firefox-infowindow-scrollbar-fix-google-maps-api-v3.html

Básicamente es meter el contenido en un div con estos estilos:

 

.infowindow-wrapper {
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
}

Google Maps InfoBox

Publicado por Iván Gajate el 27 de abril de 2013 en Desarrollo Web, JavaScript | 3 comentarios »

Muy interesante esta librería de JavaScript que nos permite personalizar la ventanita de info que aparece cuando hacemos click sobre una burbuja de Google Maps.

Es muy completa y está muy bien documentada.

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

Aquí dejo un ejemplo, cargo los datos de las burbujas de un json externo para que sea mas facil meter mas datos:
Este ejemplo solo funciona subido a un servidor en desde el localhost, debido a la seguridad a la hora de cargar archivos externos.
Descargar Ejemplo Infobox