Dieses Beispiel zeigt eine Karte, auf der mehrere Marker gesetzt wurden. Die dazugehörigen Adressen stammen aus einer data.xml(merken, diese werden wir in späteren Beispielen erneut benötigen). Es kommen je nach Typ unterschiedliche Marker zum Einsatz.
Ähnliches Beispiel, wie das vorhergehende. Die Daten wurden jedoch formatiert und in DIV-Containern untergebracht. Die Marker-Infoboxen wurden mit Links versehen. Zudem wurde ein Kreis um den Centerpoint gesetzt, um einen Umkreis zu signalisieren. Sieht zwar toll aus, bläht aber den Source-Code auf.
Neben dem Zugriff auf XML-Datenbanken, soll dieses Beispiel zeigen, wie man die Adress-Daten aus einer SQL-Datenbank holt. Zunächst wird nur die Karte ohne Marker angezeigt. Um sich Daten anzeigen lassen zu können, muss man einen Standort eingeben und dann auf Umkreissuche klicken. Allerdings setze ich in diesem Beispiel ein fixes Center. Die Umkreissuche ist noch nicht aktiviert.
Grundvorlage für spätere Code-Sample. Der Center-Standort ist in diesem Beispiel gefixt. Später kann dieser anhand der IP-Adresse ermittelt werden, so die Idee. Die Adress-Marken werden einzeln gesetzt und nicht durch eine Schleife.
Ein weiterer Versuch, jedoch ohne weitere Bedeutung
Diese Version hat den meisten seologischen Mehrwert, da Code-Elemete als reines HTML dargestellt werden und somit von den Suchmaschinen indiziert werden können.
Diese Version hat den meisten seologischen Mehrwert, da Code-Elemete als reines HTML dargestellt werden und somit von den Suchmaschinen indiziert werden können. Nun werden mehrere Adressen dargestellt. Deren Details sind einzeln aufrufbar, was eine später Weiterverarbeitung vereinfacht.
Die DIV-Container werden strukturiert angezeigt (float). Die Karte sitzt immer rechts und die Sidebar hat ihre Position links. Die Adressdaten wurden Hardcode eingetragen. Sie stammen noch nicht aus einer Datenbank. Die Datenbankanbindung folgt im nächsten Schritt.
Die Adressdaten werden aus einer MySQL-Datenbank gezogen und dargestellt. Wichtig ist, dass die Adressdaten aus Performancegründen nicht übersetzt werden. Sie müssen bereits in der Datenbank mit Lat und Long angereichert werden.
Es wurde ein neues Design hinterlegt. Funktionen kommen aus dem HTML.
Das neue JobMap-Design wurde mit der Datenbank und PHP verbunden. Es wurde einige neu Funktionen eingebaut. Zum Beispiel Hier suche ich Jobs, Zoom über die Job Karten, Counts der Jobtypen + Seitenlink(noch ohne Ziel), Jobekategorien(noch ohne Ziel) und einige Änderungen im Bereich Jobs im Detail. Für den nächsten Stepp sind nun die Filterungen über die Checkboxen geplant.
Einbau von Inlude-Modulen(zz_head.php, zz_menu.php, zz_sidebar.php, zz_footer.php und zz_javascript.php).