Kartenmaterial mit Leaflet
Google Maps ist heute allgegenwärtig: in Restaurant-Empfehlungen, als Anfahrtsbeschreibung oder als mobiler Stadtplan. Kein Wunder, denn der Einbau in die eigene Webseite ist kinderleicht. Aber es gibt auch Alternativen – leaflet.js ist so ein Aspirant.
Leaflet stammt aus dem Hause Cloudmade, seines Zeichens bekannt für lokale Dienste (Location Based Services). Die BSD-lizensierte JavaScript Library greift im Hintergrund auf das Kartenmaterial von OpenStreetMap zurück, wobei sie geschickt mit Layern (wie OpenLayer) umgeht - das erlaubt beispielsweise Blendeffekte, um von Tag- auf Nachtsicht umzuschalten. CloudMade hat übrigens einige ansehnliche TileLayer im Angebot, die sich per API ansprechen lassen.
Neben den üblichen Markern für den aktuellen Standort, Symbolen für Restaurants oder Bushaltestellen lassen sich dank GeoJSON auch farbige Polygone oder Kreise auf die Karten zeichnen, man kann Popups für Marker erstellen und als wäre es selbstverständlich, kann die Library auch mit Events umgehen.
Obwohl die Library schon einen sehr guten Eindruck macht, wird sie scheinbar sehr aktiv weiterentwickelt. Einträge im Github-Repository sind nur wenige Tage alt. Wer die Entwicklung mitverfolgen möchte, kann das beispielsweise via Twitter unter @LeafletJS tun.
PS: Das Blatt-Icon ist nicht das offizielle Logo von Leaflet-JS und entstammt dem 48px web iconset.