Information Technology Reference
In-Depth Information
kann. Die offenen Schnittstellen machen es für Software-Entwickler einfach,
ihre Produkte an das System anzubinden.
Eine wesentliche Komponente für den Erfolg von OpenStreetMap ist eine ein-
fache Möglichkeit für Webentwickler, Karten in ihre Webseiten einzubauen. Da-
rum kümmert sich das Projekt OpenLayers. Die JavaScript-Bibliothek ist nicht
auf den Einsatz mit OpenStreetMap beschränkt, kann aber in diesem Zusam-
menspiel ihre Stärken sehr gut ausspielen. Mit OpenLayers können Sie auch
auf die Karten von Google, Microsoft, Yahoo und unzähligen anderen Geodiens-
ten (auf der Basis der Standards
WMS
und
WFS
) zugreifen.
Ein minimales Beispiel für eine Straßenkarte von Mitteleuropa mit OpenLayers
und OpenStreetMap sieht folgendermaßen aus:
<!DOCTYPE html>
<html>
<head>
<title>Geolocation - OpenLayers / OpenStreetMap</title>
<script src=
"http://www.openlayers.org/api/OpenLayers.js"></script>
<script src=
"http://www.openstreetmap.org/openlayers/OpenStreetMap.js">
</script>
<script>
window.onload = function() {
var map = new OpenLayers.Map("map");
map.addLayer(new
OpenLayers.Layer.OSM.Osmarender("Osmarender"));
var lonLat = new OpenLayers.LonLat(11, 47).transform(
new OpenLayers.Projection("EPSG:4326"),
map.getProjectionObject()
);
map.setCenter (lonLat,7);
}
</script>
<body>
<div id="map" style="top: 0; left: 0; bottom: 0;
right: 0; position: fixed;"></div>
</body>
</html>
Listing 7.2:
Straßenkarte von Mitteleuropa mit OpenStreetMap und OpenLayers
Für dieses Beispiel muss einerseits die JavaScript-Bibliothek von
openlayers
.org
und andererseits die Bibliothek von
openstreetmap.org
geladen werden.
