Mobily Map – Bilder mit jQuery im Google Maps-Stil anzeigen

Mobily Map

Mobily Map

Normalerweise versuche ich ja, die Themen innerhalb einer Woche zu variieren. Worüber ich aber heute gestolpert bin passt so schön zum Thema von gestern, dass ich einfach mal zwei jQuery-PlugIns hintereinander vorstelle ;-)

Mobily Map ist ein PlugIn welches es erlaubt ein grosses Bild so anzuzeigen wie die Karten in Google Maps angezeigt werden. Sprich: man sieht nur einen Ausschnitt den man mit der Maus (oder über ein paar Icons) verschieben kann.

Ausserdem kann man Marker auf dem Bild einblenden die beim anklicken zusätzliche Infos anzeigen. Dadurch, dass das Bild als ganzes geladen wird muss man zwar ein wenig mit der Grösse aufpassen, aber je nachdem was man anzeigen möchte halte ich das für eine recht ansprechende Lösung.

Eine Demo findet sich auch auf der Seite.

Lizenz:MIT-Lizenz
Browser:Internet Explorer, Chrome, Opera, FireFox, Safari
Kurz-URLs:http://tinyurl.com/4k6rw7o
http://bit.ly/g2TAXe

Verwandte Themen:

  1. Zoombare Bilder mit der Google Maps API erstellen
  2. miniTip – Tooltips mit jQuery erstellen

Christian

Baujahr 1976, Software-Entwickler und Web-Designer aus Leidenschaft, Erfahrung in gefühlten 9342049 Programmiersprachen (PHP, Perl, C#, VB.Net, VB6, Delphi um nur einige zu nennen), in der Vergangenheit an diversen Open Source Projekten beteiligt (allen voran das gute alte YaBB und YaBB SE)