Das Wiki für den Bayerischen Wald

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

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 = "&#​60;​googlemap width=&​quot;​500px&​quot;​ height=&​quot;​350px&​quot;​ lat=&​quot;"​+lookAt.getLatitude()+"&​quot;​ lon=&​quot;"​+lookAt.getLongitude()+"&​quot;​ type=&​quot;​earth&​quot;​ heading=&​quot;"​+lookAt.getHeading()+"&​quot;​ tilt=&​quot;"​+lookAt.getTilt()+"&​quot range=&​quot;"​+lookAt.getRange()+"&​quot;&#​62;<​br>"​+lookAt.getLatitude()+","​+lookAt.getLatitude()+",​Markertext<​br>&#​60;&#​47;​googlemap&#​62;";​
 +}
 +
 +
 +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 = "&#​60;​googlemap width=&​quot;​500px&​quot;​ height=&​quot;​350px&​quot;​ lat=&​quot;"​+center.y.toString()+"&​quot;​ lon=&​quot;"​+center.x.toString()+"&​quot;​ type=&​quot;"​+stype+"&​quot;​ zoom=&​quot;"​+zoom.toString()+"&​quot;&#​62;<​br>"​+center.y.toString()+","​+center.x.toString()+",​Markertext<​br>&#​60;&#​47;​googlemap&#​62;";​
 +        });
 +
 +        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 &#169; <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)

test