Geschafft!

Hinweis

Fehler

Session expiration Your session is going to expireClick here to extend

Budget:

800 - 1.500

Geposted am

13.06.12 15:57

Kunde

Fab***

Dieses Projekt wurde beendet

Schreiben Sie ein ähnliches Projekt aus und erhalten Sie Angebote von Freelancern. Unverbindlich. Kostenlos. Schnell.

Jetzt ähnliches Projekt einstellen

Beschreibung:

Deutschland-Karte mit JavaScript und jVectormap überarbeiten/ erstellen. Öffnen der Karte mit Lightbox-Funktion. Lightbox-Skript (Thickbox) inkl. CSS ist bereits vorbereitet. Die Karte sollte in den gängigen Browsern funktionieren.

Anzeige Deutschland:

  • Deutschlandkarte ist bereits vorbereitet.
  • animierter Zoomeffekt in das Bundesland bei "onRegionClick".

Anzeige Bundesland:

  • Anzeige vordefinierter Städte über jVectormap Marker.
  • Anzeige des Stadtnamen bei "onMarkerOver" als Label.
  • Anzeige des Stadtnamen bei Landeshauptstadt permanent.
  • Nutzung des Skripteigenen Button "jqvmap-zoomout" zur Rückkehr auf die Deutschlandkarte.
  • Bayern und Baden-Württemberg sind bereits vorbereitet.
  • Das restliche Kartenmaterial der Bundesländer wird bei Bedarf im SVG-Dateiformat bereitgestellt (siehe jquery.vmap.bw.js).

Klick auf Marker "onMarkerClick":

  • Abdunklung der gesamten Karte.
  • Hervorheben des Stadtnamen.
  • Anzeige der Sliderfunktion in "div" unter der Karte.
  • Bei Klick auf den abgedunkelten Bereich "zurücksetzen" des Stadtnamen (Anzeige Bundesland).

Sliderfunktion:

  • Slider ist bereits bereits vorbereitet.
  • Beim betägtigen des Sliders sollte ein Umkreis um den Marker gezogen werden.
  • Der Bereich außerhalb des Umkreis sollte abgedunkelt werden.

Daten übernehmen:

Beim Klick auf den Button "übernehmen", wird die Lightbox geschlossen und die vordefinierte PLZ der Stadt sowie der Umkreis per javascript in 2 Textfelder auf der bestehenden Seite geschrieben. Da diese Daten für eine Umkreissuche auf Basis der OpengeoDB genutzt werden sollen, müsste man sich überlegen, ob statt der PLZ direkt lat & lng verarbeitet werden sollten.

Bei Fragen, einfach melden.

Dokumentation jVectormap: http://jvectormap.com/documentation/javascript-api/

Anlage "karte.zip":
  • Beispielbilder (Die Landkreise innnerhalb des Bundesland und die Stadtnamen bitte wegdenken)
  • Karte Deutschland
  • Karte Baden-Württemberg
  • Karte Bayern
  • Slider
  • angepasste Thickbox
  • Karte_original.zip