Benutzer-Werkzeuge

Webseiten-Werkzeuge


mymap

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.


mymap [2024/05/27 06:14] (aktuell) – angelegt - Externe Bearbeitung 127.0.0.1
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]]