Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
— |
mymap [2018/04/22 06:28] (aktuell) |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ====== Koordinatenermittlung ====== | ||
+ | |||
+ | <html> | ||
+ | <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAUSBKoyDMLxSQ7fpmwZLkshS-XyCpDTUa25t9K7tgPZeAxcow8xTd3viNFptg11bDwccdAzIJQ98azw" | ||
+ | type="text/javascript"></script> | ||
+ | <script src='http://www.waidlerwiki.de/wms-tk50.js' type='text/javascript'></script> | ||
+ | |||
+ | <form action="#" onsubmit="showAddress(this.address.value); return false"> | ||
+ | <p> | ||
+ | <input type="text" size="60" name="address" value="Langgasse 1, Freyung, Deutschland" /> | ||
+ | <input type="submit" value="Go!" /> | ||
+ | </p> | ||
+ | </form> | ||
+ | |||
+ | <div id="map" style="padding-left:10px; width: 500px; height: 350px"></div><br> | ||
+ | <div id="message"></div> | ||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | var ge = null; | ||
+ | var lookAt = null; | ||
+ | var map = null; | ||
+ | var la = null; | ||
+ | var geocoder = null; | ||
+ | |||
+ | |||
+ | |||
+ | function showAddress(address) { | ||
+ | if (geocoder) { | ||
+ | geocoder.getLatLng( | ||
+ | address, | ||
+ | function(point) { | ||
+ | if (!point) { | ||
+ | alert(address + " not found"); | ||
+ | } else { | ||
+ | map.setCenter(point, 13); | ||
+ | marker = new GMarker(point); | ||
+ | map.addOverlay(marker); | ||
+ | } | ||
+ | } | ||
+ | ); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function myEventListener() { | ||
+ | var lookAt = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND); | ||
+ | document.getElementById("message").innerHTML = document.getElementById("message").innerHTML = "<googlemap width="500px" height="350px" lat=""+lookAt.getLatitude()+"" lon=""+lookAt.getLongitude()+"" type="earth" heading=""+lookAt.getHeading()+"" tilt=""+lookAt.getTilt()+"" range=""+lookAt.getRange()+""><br>"+lookAt.getLatitude()+","+lookAt.getLatitude()+",Markertext<br></googlemap>"; | ||
+ | } | ||
+ | |||
+ | |||
+ | function getEarthInstanceCB(object) { | ||
+ | ge = object; | ||
+ | // You can now manipulate ge using the full Google Earth API. | ||
+ | google.earth.addEventListener(ge.getWindow(), "mousedown", myEventListener); | ||
+ | ge.getWindow().setVisibility(true); | ||
+ | setTimeout(function() { | ||
+ | la = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND); | ||
+ | la.setTilt(70); | ||
+ | // lat.set(37.775196, -122.419204, 10, 10, 0, 80, 2000); | ||
+ | ge.getView().setAbstractView(la) | ||
+ | }, 2); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | map = new GMap2(document.getElementById("map")); | ||
+ | map.addControl(new GSmallMapControl()); | ||
+ | map.addControl(new GHierarchicalMapTypeControl()); | ||
+ | |||
+ | GEvent.addListener(map, "moveend", function() { | ||
+ | var center = map.getCenter(); | ||
+ | var zoom = map.getZoom(); | ||
+ | var mtype = map.getCurrentMapType().getName(); | ||
+ | var stype = ""; | ||
+ | switch (mtype) { | ||
+ | case "Karte": | ||
+ | stype = "map"; | ||
+ | break; | ||
+ | case "Satellit": | ||
+ | stype = "satellite"; | ||
+ | break; | ||
+ | case "Hybrid": | ||
+ | stype = "hybrid"; | ||
+ | break; | ||
+ | case "TOP": | ||
+ | stype = "top"; | ||
+ | break; | ||
+ | default: | ||
+ | break; | ||
+ | } | ||
+ | |||
+ | if(marker) {map.removeOverlay(marker)}; | ||
+ | marker = new GMarker(center); | ||
+ | map.addOverlay(marker); | ||
+ | document.getElementById("message").innerHTML = "<googlemap width="500px" height="350px" lat=""+center.y.toString()+"" lon=""+center.x.toString()+"" type=""+stype+"" zoom=""+zoom.toString()+""><br>"+center.y.toString()+","+center.x.toString()+",Markertext<br></googlemap>"; | ||
+ | }); | ||
+ | |||
+ | map.setCenter(new GLatLng(48.809, 13.5478), 10); | ||
+ | |||
+ | var marker = new GMarker(map.getCenter()); | ||
+ | map.addOverlay(marker); | ||
+ | geocoder = new GClientGeocoder(); | ||
+ | showAddress("Langgasse 1, Freyung, Deutschland"); | ||
+ | |||
+ | var LVcopyrightCollection = new GCopyrightCollection(""); | ||
+ | LVcopyrightCollection.addCopyright(new GCopyright(1,new GLatLngBounds(new GLatLng(-90, -180),new GLatLng(90, 180)),0,"Topographische Karten © <a href='http://www.geodaten.bayern.de/bvv_web/bvv/index.html'>Bayerische Vermessungsverwaltung</a>")); | ||
+ | |||
+ | var tileTK50= new GTileLayer(LVcopyrightCollection,13,15); | ||
+ | tileTK50.mymap = map; | ||
+ | tileTK50.baseurl='http://deutschlandviewer.bayern.de/ogc/getogc.cgi?'; | ||
+ | tileTK50.getTileUrl=CustomGetTileUrl; | ||
+ | tileTK50.resample = "ON"; | ||
+ | tileTK50.layers = "TK50"; | ||
+ | var layerTK50=[G_SATELLITE_MAP.getTileLayers()[0],tileTK50]; | ||
+ | var tk50map = new GMapType(layerTK50, G_NORMAL_MAP.getProjection(), "TOP", G_NORMAL_MAP); | ||
+ | map.addMapType(tk50map); | ||
+ | |||
+ | |||
+ | |||
+ | map.addMapType(G_SATELLITE_3D_MAP); | ||
+ | map.getEarthInstance(getEarthInstanceCB); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | </html> | ||
+ | |||
+ | Um diese Karte in das Waidlerwiki aufzunehmen: | ||
+ | * Kopieren Sie einfach obigen googlemap-Codeblock an die entsprechende Stelle der Wikiseite | ||
+ | * Ersetzen Sie //Markertext// durch eine eigene Beschreibung des Punktes oder löschen Sie gegebenenfalls die Zeile, die den Marker definiert. | ||
+ | |||
+ | ===== siehe auch ===== | ||
+ | |||
+ | * [[Interaktive Karten]] | ||
mymap.txt · Zuletzt geändert: 2018/04/22 06:28 (Externe Bearbeitung)