Responsive, retinafied Google Map Images

Wie ist das für einen Keyword-gepackten Titel? Lassen Sie uns einen Blick auf Google Maps werfen - eine Alternative, um sie in Ihre Websites einzubinden. Wir werden natürlich reaktionsschnell arbeiten und schauen uns eine Medienanfrage an, die uns auch bei Retina-Displays helfen wird.


Dies ist eine Technik, die möglicherweise eine Klingel ertönt, wenn Sie einem Bild einen Randradius zugewiesen haben (zuvor war es tatsächlich möglich, einen Randradius auf ein Bild anzuwenden). Es berücksichtigt auch einige der jüngsten Diskussionen über Sprites und Retina-Displays.


Screencast anschauen

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über YouTube abonnieren


Zusätzliche Ressourcen

  • Static Maps API V2-Entwicklerhandbuch
  • Optimierung für Displays mit hoher Pixeldichte von Edward Cant
  • Verwendung von CSS-Sprites zur Optimierung Ihrer Website für Retina-Displays von Maykel Loomans
  • Retinafy Ihre Websites und Apps von Thomas Fuchs

Eine letzte Anmerkung: Ein Problem, das der Verwendung dieser Technik im Weg stehen könnte, ist das Urheberrecht. Um den Copyright-Hinweis zu verschleiern, haben wir gegen die Nutzungsbedingungen verstoßen. Daher ist es ratsam, in diesem Fall eine Alternative unter dem Bild zu verwenden Kartendaten © 2012 Google, Whereis®, Sensis Pty Ltd. Ich kann nicht garantieren, dass Google damit einverstanden sein wird.