Imágenes de Google Map responsivas y retinadas

¿Cómo es eso para un título lleno de palabras clave? Echemos un vistazo a Google Maps, más específicamente, una forma alternativa de incluirlos en sus sitios web. Trabajaremos con capacidad de respuesta (por supuesto) y analizaremos una consulta de medios que también nos ayudará con las pantallas Retina..

Esta es una técnica que puede hacer sonar una campana si alguna vez ha aplicado el radio de borde a una imagen (antes de que fuera posible aplicar el radio de borde a una imagen). También tiene en cuenta algunas de las discusiones recientes sobre los sprites y las pantallas de retina..

Mira Screencast

Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de YouTube

Recursos adicionales

• Guía del desarrollador de Static Maps API V2
• Optimización para pantallas de alta densidad de píxeles por Edward Cant
• Usando CSS Sprites para optimizar su sitio web para Retina Displays por Maykel Loomans
• Retina tus sitios web y aplicaciones por Thomas Fuchs

Una nota final: Un problema que podría ser un obstáculo para el uso real de esta técnica es el copyright. Al ocultar el aviso de derechos de autor, hemos ido en contra de los términos de uso, por lo que sería prudente incluir una alternativa debajo de la imagen, en este caso Datos del mapa © 2012 Google, Whereis®, Sensis Pty Ltd. Dicho esto, no puedo garantizar que Google esté de acuerdo con eso ...