In meinem Blog habe ich es ja mehr oder weniger schon angekündigt, dass ich eine Koiarzt, Koihändler, Technikhändler und Pflanzenhändlerkarte programmiere. Dies ist nun soweit abgeschlossen und sie ist endlich fertig. Wünsche kamen leider keine, können aber immernoch abgegeben werden.
Die Karte ansich dürfte euch bekannt vorkommen, da es die Googlemapskarte ist. Sie wird genauso bedient, jedoch sieht sie teilweise anders aus. Da momentan 142 Karteneinträge vorhanden sind und das ganze unübersichtlicht wurde (Siehe Bild vorher links), werden je nach Zoomlevel die Einträge zusammengefaßt (siehe Bild nachher rechts).
Wie ihr sehen könnt, sieht das ganze schon übersichtlicher aus. Der Button "Home" bringt euch wieder in der Mitte Deutschlands, falls man sich einmal völlig verfranzt hat
Hier nun eine kleine Legende der Gruppierungen:
| Unter 10 Einträge | 10 - 100 Einträge | Über 100 Einträge |
 |  |  |
Was bedeuten die einzelnen Symbole auf der Karte?
 |  |  |  |  |
| Koiarzt | Koihändler | Technikhändler | Pflanzenhändler | nicht zugeordnet |
Diese Symbole entsprechen also den Typ des Eintrages und an ihnen erkennt man, um was für ein Eintrag es sich handelt. Auf der rechten Seite der Karte befindet sich eine kleine Legende, wo dies auch noch einmal steht. Zusätzlich hat man die Funktion sich gewisse Typen nicht anzeigen zu lassen. Dazu muß man einfach ein Haken setzten bzw. entfernen, da erst einmal alle Einträge angezeigt werden.
Wer die Karte bei sich auf der Homepage einbauen möchte, kann dies natürlich gerne tun.
Dazu habe ich mal 2 verschiedene Formate vorbereitet:
Wie bindet ihr die verschiedene Formate ein?
Format 1:
HTML-Code:
<iframe src="http://www.koi-community.de/map.html" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="SELFHTML_in_a_box"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: Koi-Community - Karte</a></p> </iframe>
Das Ergebnis für Format 1 sieht dann wie folgt aus:
Format 2:
HTML-Code:
<iframe src="http://www.koi-community.de/map2.html" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" name="SELFHTML_in_a_box"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: Koi-Community - Karte</a></p> </iframe>
Das Ergebnis für Format 2 sieht dann wie folgt aus:
Seiten wo ihr die Karte findet:
Bei Fragen könnt ihr euch gerne an mich werden. Ich hoffe die Karte wird reichlich genutzt 
Update: 28.04.2011 16:27
Update: 28.04.2011 16:27
Angemeldete User haben nun die Möglichkeit in der Kartenübersicht und bei der Ansicht aller Einträge nach Einträgen zu suchen.
Update: 30.04.2011
Kleine Routenfunktion hinzugefügt. Einfach mal reinschauen.
http://www.koi-community.de/map_route.php
Kleine Routenfunktion hinzugefügt. Einfach mal reinschauen.
http://www.koi-community.de/map_route.php
vBulletin-Systemmitteilung