Zugriff auf den Mapserver per OpenLayers

OpenLayers ist eine JavaScript-Bibliothek zur einfachen Integration von Karten in Webseiten und Webanwendungen. Dabei kennt dieses Framework verschiedene Quellen für Kartendaten unterschiedlicher Art, eine davon ist der Zugriff auf gekachelte OpenStreetMap-Daten.

Der Navimatix MapServer verhält sich beim Ausliefern der Kacheln kompatibel zum OSM-Server und daher kann hier der dafür gedachte Layer in OpenLayers genutzt werden.

http://openlayers.org/

http://de.wikipedia.org/wiki/OpenLayers

HTML-Einbettung

In einer HTML-Seite müssen 2 JavaScript-Dateien eingebunden werden:

OpenLayers in HTML einbinden...

<script src="http://openlayers.org/api/OpenLayers.js"></script>

Initialisierungen der Karte in einer eigenen Scriptdatei, diese einbinden...

<script src="OpenLayersConnector.js"></script>

...und in der HTML-Datei die Funktion aufrufen, in der Karte, Layer, usw. initialisiert werden.

<body onload="initOL()">

OpenLayersConnector.js

var OpenLayersMap;

function initOL() {
    // Map erstellen...
    OpenLayersMap = new OpenLayers.Map({
        div: "map",
        allOverlays: true
    });
    // Layer erstellen...
    url = "http://maps.navimatix.net/api/maptilesosm/${z}/${x}/${y}.png";
    nammap = new OpenLayers.Layer.OSM("Navimatix Map", url);
    OpenLayersMap.addLayers([nammap]);
    OpenLayersMap.zoomToMaxExtent();
    nammap.setVisibility(true);
}

Online Demo - Mapserver mit OpenLayers

Sie können die Karte ziehen und zoomen...