201115Okt

SpryMap: Widget für Click-and-Drag-Funktionalität

Schon etwas älter, aber immer noch interessant dürfte das JavaScript-Widget SpryMap sein, mit dem sich ein beliebiges DOM-Element mit einer Click-and-Drag-Funktionalität (ähnlich wie in Google Maps) belegen lässt. Eine solche Funktionalität eignet sich besonders gut für größere Grafiken (wie etwa Karten oder detaillierte Abbildungen), die mit einer Interaktion verknüpft werden sollen.

SpryMap - Lightweight javascript click and drag map script

SpryMap bietet verschiedene Optionen, die ähnlich wie bei einem jQuery-Plugin beim Aufruf des Skripts als Parameter übergeben werden können:

  • var map = new SpryMap({
  • id : "",
  • width: 800,
  • height: 800,
  • startX: 0,
  • startY: 0,
  • scrolling: true,
  • scrollTime: 300,
  • lockEdges: true,
  • cssClass: ""
  • });

Eine Demo von SpryMap findet sich auf dieser Seite. Das Skript kann auf der Website des Entwicklers heruntergeladen werden und beträgt gerade einmal 2,8 KB.

RSS-Feed abonnieren Bookmark bei Del.icio.us Bookmark bei Mister Wong