ogee.de

Worldkit

WorldKit ist eine einfache und flexibel verwendbare Web-Mapping Anwendung in Flash. WorldKit wird via XML konfiguriert und die Kartendaten aus einer Rss-Datei ausgelesen. Standardmässig verwendet WorldKit Blue Marble Satellitenbilder.

WorldKit: Download - Dokumentation - Beispiele.

Beispiel 1: WorldKit in eine Website einbinden

Nachdem man die Anwendung heruntergeladen hat muß man nur das Verzeichnis WorldKit auf den Server hochladen und schon ist Beispiel1 fertig.

Navigation: Zoom In: "z" - Zoom Out: "a" - Karte verschieben: "Cursortasten oder Maus"

Mit der Datei Config.xml wird das Aussehen und die Funktionalität konfiguriert. Die Datei Rss.xml enthält Angaben zu Titel, Beschreibung, Link und die Koordinaten der darzustellenden Informationen. Weitere Infos zu geokodierten Rss/Xml Dateien findet man u.a. bei WorldKit und Georss.org.

Beispiel 2: Wie ändere ich das Kartenbild?

WorldKit verwendet als Kartengrundlage JPEG Dateien. Hier kann man jegliche Größe und Ausschnitt frei wählen. Hat man sich für ein Kartenbild entschieden, so muß dieses für WorldKit georeferenziert werden. D.h. - die Bildgröße in der Config.xml und Index.html anpassen und die Randkoordinaten des Bildes in der Config.xml eintragen. Nur dann werden die Informationen aus der Rss.xml Datei auch am korrekten Standort in der Karte angezeigt.

Folgendes Beispiel erläutert die Vorgehensweise:

Am einfachsten wählt man die Kartengrundlage mit dem WorldKit Mapproxy aus, da man hier die Randkoordinaten direkt mitgeliefert bekommt. Als Stadt habe ich Berlin ausgewählt mit einer Bildgröße von 400×400px und einer Höhendistanz von 5km. Nun das erstellte Bild in den WorldKit Ordner kopieren, die Bildgröße in der Config.xml und Index.html ändern und die Randkoordinaten in die Config.xml eintragen. Dann noch unter <displaytype> “day” eintragen und unter <dayimg> den Namen des Bildes (berlin.jpg). Mit dem Eintrag <toolbar>true</toolbar> wird die Toolbar zum Navigieren und Zoomen angezeigt.

Die config.xml sieht jetzt folgendermaßen aus:

<worldkitconf>
<north>52.561582724767</north>
<south>52.471750675233</south>
<east>13.473810597572</east>
<west>13.326189402428</west>
<width>400</width>
<height>400</height>
<displaytype>day</displaytype>
<dayimg>berlin.jpg</dayimg>
<dataurl>rss.xml</dataurl>
<update>0</update>
<showonlynew>false</showonlynew>
<plotshape>circle</plotshape>
<plotsize>10</plotsize>
<toolbar>true</toolbar>
</worldkitconf>

Zum Abschluß noch ein paar Daten in die Rss.xml eintragen. Die sieht dann so aus:

<?xml version="1.0"?>
<rss version="2.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#">
<channel>
<title>worldKit - berlin</title>
<link>http://www.tripthelightfantastic.de/content/berlin/</link>
<description>Sample feed for worldKit - Berlin</description>
<item>
<title>Saeule</title>
<link>http://brainoff.com/worldkit/</link>
<description>Siegessaeule Berlin</description>
<geo:lat>52.514471</geo:lat>
<geo:long>13.350234</geo:long>
</item>
</channel>
</rss>

Beispiel 2 (Berlin)

Mehr zum Thema: Bilder in WorldKit konfigurieren - Blue Marble Bilder - Flatplanet Karten - Mapproxy Karten

Beispiel 3: Zoomify in WorldKit integrieren

Hat man ein hochaufgelöstes Bild als Kartengrundlage ausgewählt, so ist dieses aufgrund der Dateigröße wenig für einen Webauftritt geeignet (lange Ladezeiten). Zoomify ist ein Bildprozessor und Flash Viewer. Durch Zoomify wird nur das gegenwärtig angezeigte Kartenbild geladen.

Anleitung:

Die Dateien Zoomifyer EZ v3.0.exe und ZoomifyViewer.swf in das WorldKit Verzeichnis laden und die Datei Zoomifyer EZ v3.0.exe starten. Das Kartenbild auswählen und Zoomify erstellt automatisch ein Unterverzeichnis mit den Bilddaten. Wichtig: Dieses Unterverzeichnis mit allen Dateien in den WorldKit Ordner verschieben!
Jetzt noch die Bildgröße mit <width> und <height> in der Config.xml anpassen (auch in der Index.html) und <displaytype> auf “zoomify” setzen.

<?xml version="1.0" ?>
<worldkitconf>
<width>700</width>
<height>400</height>

<displaytype>zoomify</displaytype>
<dayimg>day.jpg</dayimg>
<dataurl>rss.xml</dataurl>
<update>0</update>
<showonlynew>false</showonlynew>
<plotshape>circle</plotshape>
<toolbar>true</toolbar>
</worldkitconf>

Beispiel 3 (WorldKit & Zoomify)

Mehr dazu: WorldKit & Zoomify

Update (16.02.2007): Ab WorldKit Version 3.2 ist Zoomify in WorldKit integriert und es nicht mehr zwingend notwendig die Datei “zoomifyViewer.swf” zu verwenden. Auch die Option “<zoomifynav>” ist so nicht mehr gültig. Ein Zoomify’d Blue Marble Earth Bild steht hier zur Verfügung.

Weitere Beispiele:

Erdbeben - Die Karte zeigt Erdbeben der letzten 7 Tage ab einer Stärke von M 2.5+ (Anleitung Kategorien).
WMS Global Mosaic - WorldKit Karte mit “Pansharpened Pseudo Color” WMS Layer.
Globale Naturereignisse (Ecomap) - Die Karte stellt Erdbeben, Vulkanismus, tropische Stürme, Überflutungen und Dürren der letzten 4 Tage dar.
ReggaeMap - Visualisiert die deutsche Reggaeszene.

zurück zur Startseite...



Über mich - Impressum & Hinweise - Kontakt
Die Inhalte auf ogee.de sind unter einer Creative Commons-Lizenz lizenziert
ogee.de - valid xhtml & css