Erstellt:
Aktualisiert:
Permalink: kreidefossilien.de/717

Web-WMS mit Google Maps (API V. 2) am Beispiel der geologischen Übersichtskarte von Deutschland 1:200.000

tags: gis, wms, geologische karten, google maps
WMS der Geologischen Übersichtskarte von Deutschland GK200 in der Google Maps API
WMS der Geologischen Übersichtskarte von Deutschland GK200 in der Google Maps API
Die Nutzung von Web Map Services (WMS) wurde bereits in einem anderen Artikel beispielhaft mit QGIS erläutert. Im folgenden Beispiel ist die Implementierung der Geologischen Übersichtskarte von Deutschland (1:200.000) in einer Google-Maps Umgebung zu sehen. Mit der komfortablen Anwendung kann sofort im Browser bequem nach Länder, Städte und Straßen gesucht werden.
Diese Version wird nicht länger weiterentwickelt. Die Geologische Übersichtskarte von Deutschland 1:200.000 finden Sie unter /webgis. Die GoogleMaps API v2 wird ebenfalls nicht mehr unterstützt, von daher funktioniert das Beispiel unten nicht mehr.

Quellen/Geodaten:

  1. basierend auf "Google Maps Experiments" von Just van den Broecke.
  2. Datenquelle: GUEK200 (C) BGR, Hannover.
  3. Geologische Uebersichtskarte Sachsen 1:400.000 (GÜK400, mit quartärer Überdeckung), © Geofachdaten: Sächsisches Landesamt für Umwelt, Landwirtschaft und Geologie (LfULG Sachsen) - * LEGENDE
  4. Openstreetmap (OSM) Basic Mode - via wheregroup.com (CC-BY-SA Lizenz)

Genutzt wird die Google Maps API Version 2, sowie ein WMS der Bundesanstalt für Geowissenschaften und Rohstoffe. Leider werden weder Feature-Informationen noch eine Legende bereitgstellt. Die Daten basieren auf der digitalisierten Geologischen Übersichtskarte im Maßstab 1:200.000. Eine schriftliche Genehmigung liegt vor. Außerdem kann die geologische Übersichtskarte von Sachsen, mit quartären Überdeckungen im Maßstab 1:400.000 angezeigt werden (Geodaten & Darstellung: LfULG Sachsen, via WMS).

Quelltext des V.2-Beispiels (Kommentare beachten) 

<html>
<head>
<script src="https://maps.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script> <!-- persönlicher API Key -->
<script src="https://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> <!-- Einbindung der API-->
<script src="https://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script> <!-- Einbindung Suchfunktion -->
<script src="gmap-wms.js" type="text/javascript"></script> <!-- Einbindung der WMS-JS-Funktion  - DOWNLOAD von http://www.geoskating.com/gmap/gmap-wms.js-->

<style>
	@import url("https://www.google.com/uds/css/gsearch.css"); /*Stylesheet*/
	@import url("https://www.google.com/uds/solutions/localsearch/gmlocalsearch.css"); /*Stylesheet*/
#map {
	border: 2px dotted #D5DDF3;
	width: 100%;
	min-height: 97%; /* Mindesthöhe für moderne Browser */
	height:600px !important; /* Important Regel für moderne Browser */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	float:left;
}
</style>
<script type="text/javascript">
//<![CDATA[

/*
* Main load function:
*/

function load() {

  if (GBrowserIsCompatible()) {

//WMS-Dienste
//URL des WMS; nicht die Capabilities-URL
	var WMS_URL_BGR200='http://www.bgr.de/service/geologie/guek200/?';
	
//Parameter der WMS-Dienste
// need: wmsURL, gName, gShortName, wmsLayers, wmsStyles, wmsFormat, [wmsVersion], [wmsBgColor], [wmsSrs]
	var G_MAP_WMS_GEORASTER = createWMSSpec(WMS_URL_BGR200, 'BGR 200 (Raster)', 'BGR200', 'GUEK200_300', 'GUEK200_300', 'image/png;mode=24bit', "1.1.1", "0xFFFFFF","[EPSG:4326]");
//wmsURL: Variable der WMS-URL
//gName: Bezeichnung in Google Maps
//gSHortName: Abkürzung
//wmsLayers: welcher Layer soll eingebunden werden (in Capabilities nachschauen, welche angeboten werden)
//wmsStyles: in Capabilities nachschauen, welche angeboten werden; ggfl. freilassen
//wmsFormat: in Capabilities nachschauen, welche angeboten werden
//wmsVersion: in Capabilities nachschauen
//wmsBgColor: Hintergrundfarbe (für Transparenz)
//wmsSrs: in Capabilities nachschauen, welche angeboten werden
	
//Zielcontainer (id=map) 
	var map = new GMap2(document.getElementById("map")); //ID des div-Containers

//Kartentypen auswählen
	map.addMapType(G_NORMAL_MAP);
	map.addMapType(G_SATELLITE_MAP);
	map.addMapType(G_HYBRID_MAP);
	map.addMapType(G_PHYSICAL_MAP);
	map.addMapType(G_MAP_WMS_GEORASTER);
	
//Kontrollelemente, Steuerung
	map.addControl(new GLargeMapControl());
	map.addControl(new GScaleControl(), new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(80,20)));
	map.addControl(new GMapTypeControl());
	map.enableContinuousZoom();
	map.enableScrollWheelZoom();
	map.enableDoubleClickZoom();
	
//Zentrierung zu Beginn ((Koordinaten auf die die Karte standardmässig gezoomt wird), Zoomstufe, Variable auf die die Kacheln gespeichert werden)
	map.setCenter(new GLatLng(51.023752,13.703772), 12, G_MAP_WMS_GEORASTER)

//Suche einfügen
    map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));

  }
}
GSearch.setOnLoadCallback(load); //Funktion laden
    //]]>
</script>
</head>
<body onload="load()"> <!-- onLoad der Funktion notwendig-->
Beispiel via <a href="http://www.kreidefossilien.de">www.kreidefossilien.de -  Fossilien aus der sächsischen Kreide</a>
<div id="map"><noscript>Nutzung nur mit aktiviertem Javascript möglich. - Beispiel auf <a href="http://www.kreidefossilien.de/717">www.kreidefossilien.de</a></noscript></div>
</body>
</html>

Die folgenden 5 Seiten, könnten Sie ebenfalls interessieren:

Kommentare (0)






Erlaubte Tags: Kommentar hinzufügen: