Sonstiges | Web-WMS mit Google Maps - Geologische Karte 1:200.000

persistente URL: www.kreidefossilien.de/717

Dies & Das » Web-WMS mit Google Maps

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

tags: geologische karten,gis,google maps,wms

Das Beispiel mit aktueller GoogleMaps API Version 3.0

Quellen/Geodaten:

basierend auf "Google Maps Experiments" von Just van den Broecke.
Datenquelle: GUEK200 (C) BGR, Hannover.
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
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="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script> <!-- persönlicher API Key -->
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> <!-- Einbindung der API-->
<script src="http://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("http://www.google.com/uds/css/gsearch.css"); /*Stylesheet*/
	@import url("http://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>

Artikel bewerten: