ADMIN Magazin Gestapelt - Schneller und sicherer mit RAID (Vorschau)

Openlayers
BBOX und Ratio
Das Attribut »ratio« des Objekts »OpenLayers.
Strategy.BBOX« legt fest, wie groß das Verhältnis
von angezeigten Punkten und geladenen
Punkten ist. Das bedeutet, bei einem Ratio-Wert
größer eins werden um den angegebenen Faktor
mehr Daten geladen, als tatsächlich in der Karte
angezeigt werden. Dies ist besonders dann sinnvoll,
wenn ein Benutzer den Kartenausschnitt
nur ein klein wenig verschiebt. So müssen für
Strategie, die als einziges Element des
Arrays mit »new()« initialisiert wird. Im
nächsten Schritt wird der Parser definiert,
der die Daten in Kartenpunkte umwandelt.
Einen Kommunikationskanal für »Open-
Layers.Layer.Vector« öffnet das Objekt
»OpenLayers.Protocol.HTTP«, das als Parameter
eine URL erwartet, unter der die
Daten zu finden sind. Die Übergabeparameter
für das aufzurufende Skript werden
wie gehabt als Array von Attributen definiert:
»params: {land: "DE", zeitschrift:
"FreeX"}«, die intern mit »OpenLayers.
Util.getParameterString()« wieder in eine
Zeichenkette im bekannten Format umgewandelt
werden. Besonders interessant
sind die Attribute »srsInBBOX«, »read-
WithPOST«, »readWithGET« und »headers«.
Das Attribut »srsInBBOX« besagt,
dass die Zeichenkette der Übergabeparadert.
Sicherlich hat man die Möglichkeit,
die Anzahl der darzustellenden POIs anhand
eines Kartenausschnitts zu bestimmen.
Allerdings ist der Programmieraufwand
dafür sehr hoch. Openlayers bietet
auch für dieses Problem eine Lösung, die
dem Entwickler viel Programmierarbeit
abnimmt, wie Listing 5 zeigt.
In der Funktion »map_layer_http_strategy«
ist zu sehen, welche Komponenten
nötig sind, um die Daten voll dynamisch
vom Kartenausschnitt abhängig darzustellen.
Zunächst definiert das Objekt
»OpenLayers.Strategy.BBOX«. Die Strategie
BBOX wird mit einem Ratio-Wert von
eins definiert (siehe Kasten „BBOX und
Ratio“).
»OpenLayers.Layer.Vector« bietet die
Möglichkeit, mehrere Strategien zu verarbeiten,
die in einem Array zusammengefasst
sind. In diesem Beispiel ist eine
diese kleine Bewegung nicht neue Daten vom
Server geladen werden. Die Anzeige wird dadurch
flüssiger und schneller, da keine Wartezeiten
entstehen. Allerdings erkauft man sich
damit auch, dass man zu Beginn eine höhere
Serverlast und Ladezeit hat. Ein Ratio-Wert von
eins bedeutet, dass genauso viele Daten vom
Server abgerufen werden, wie auch tatsächlich
zu sehen sind.
meter um die Koordinaten des Kartenausschnitts
inklusive der Projektion ergänzt
wird. Somit erhält ein CGI-Skript immer
den Kartenausschnitt und die zugehörige
Projektion.
Erben
Die beiden Attribute »readWithPOST«
und »readWithGET« definieren, ob die
HTTP-Methode POST oder GET für die
Datenübertragung benutzt werden soll.
Wichtig ist auch wieder die Angabe »headers«,
die definiert, mit welchem MIME-
Type die Daten übertragen werden. Das
letzte Attribut »format« wird das Objekt
angegeben, welches den Parser referenziert.
Das so erzeugte Objekt »OpenLayers.Protocol.HTTP«
wird zusammen mit
dem Array der Strategien (»strategies«) an
»OpenLayers.Layer.Vector« übergeben.
Um die Beschreibung dieses Code-Abschnitts
abzuschließen, ein paar Worte
zum Parser-Objekt. Die Code-Zeile
»OpenLayers_FreeX = OpenLayers.
Class(OpenLayers.Format, {});« leitet
vom in der Bibliothek formulierten Objekt
»OpenLayers.Format« das neue Objekt
»OpenLayers_FreeX« ab. Das bedeutet,
es erbt die komplette Funktionalität.
Um CSV-Daten zu verarbeiten, muss das
neue Objekt eine eigene Routine imple-
Listing 6: Initialisieren der Hauptfunktion
01 function map_init(mapid) {
02 /* Renderer ermitteln und festlegen */
03 var renderer =
04 OpenLayers.Util.getParameters(
05 window.location.href).renderer;
06 renderer = (renderer) ? [renderer] :
07 OpenLayers.Layer.Vector.prototype.renderers;
08
09 /* OpenLayers an DOM‐Objekt binden */
10 window.map = new OpenLayers.Map(mapid, {
11 maxExtent: extent,
12 projection: spherMerc,
13 displayProjection: epsg4326,
14 maxResolution: 'auto',
15 numZoomLevels: 14,
16 units: 'm',
17 controls : [
18 new OpenLayers.Control.PanZoom(),
19 new OpenLayers.Control.Navigation(
20 {zoomWheelEnabled: false}),
21 new OpenLayers.Control.LayerSwitcher()
22 ]});
23
24 /* Basiskarte erstellen */
25 var base = new OpenLayers.Layer.OSM("FreeX‐Karte",
26 ["http://a.tile.openstreetmap.org/${z}/${x}/${y}.png",
27 "http://b.tile.openstreetmap.org/${z}/${x}/${y}.png",
28 "http://c.tile.openstreetmap.org/${z}/${x}/${y}.png"],
29 {
30 wrapDateLine: false,
31 isBaseLayer: true,
32 displayOutsideMaxExtend: true,
33 tileOptions: {crossOriginKeyword: null}
34 });
35 /* Ebenen erzeugen und an Basiskarte & DOM‐Objekt binden */
36 freex = map_layer(window.map, "FreeX‐Layer (normal)");
37 freex_o_r_p = map_layer_request_post(window.map,
38 "FreeX‐Layer (POST‐Request)");
39 freex_l_h_s = map_layer_http_strategy(window.map,
40 "FreeX‐Layer (HTTP und Strategy)");
41 if (base && freex && freex_o_r_p && freex_l_h_s) {
42 window.map.addLayers(
43 [base, freex, freex_o_r_p, freex_l_h_s]);
44 }
45 /* Karte zentrieren und Zoomfaktor festlegen */
46 window.map.setCenter(
47 new OpenLayers.LonLat(11, 48).
48 transform(epsg4326, spherMerc), 9);
49 }
www.admin-magazin.de
Admin
Ausgabe 06-2012
111