Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
K
 
(144 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
−
<html><body>
+
== Karten mit Orten, für die Chroniken bereits erfasst wurden ==
−
  <div id="mapdiv"></div>
+
Sie können auf der linken Seite mit "[+]" und "[-]" herein oder heraus zoomen.  Auf der rechten Seite können Sie über "(+]" die gewünschte Karte im Hintergrund auswählen.  Beachten Sie, dass einige Karten, speziell die historischen, nur bei hoher Auflösungsstufe angezeigt werden.  Bei geringer Stufe erscheint dann nur eine weiße Kachel, bitte einfach weiter hinein zoomen!  Durch Klick auf das Chronikensymbol können Sie über ein erscheinendes Fenster direkt zum jeweiligen Ort und seinen Chroniken springen.
−
  <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
+
 
−
  <script>
+
<html>
−
     map = new OpenLayers.Map("mapdiv");
+
<div id="mapdiv" style="height:900px"></div>
−
     map.addLayer(new OpenLayers.Layer.OSM());
+
 
−
     
+
<!-- Das ist mein privater API-key, bitte nicht anderweitig benutzen!  hm@baltic.de -->
−
     var pois = new OpenLayers.Layer.Text( "My Points",
+
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBT7_oR-4ic1Oj2CXR8tLWbI7pOn5zcsRs&callback=initMap" type="text/javascript"></script>
−
                    { location:"./textfile.txt",
+
 
−
                      projection: map.displayProjection
+
<!-- MediaWiki API -->
−
                    });
+
<!-- script src="https://www.mediawiki.org/wiki/MediaWiki:Common.js" -->
−
     map.addLayer(pois);
+
 
−
// create layer switcher widget in top right corner of map.
+
<!-- OpenLayers -->
−
     var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js"></script>
−
     map.addControl(layer_switcher);
+
<script>
−
    //Set start centrepoint and zoom   
+
var fromProjection = new OpenLayers.Projection("EPSG:4326");  // Transform from WGS 1984
−
     var lonLat = new OpenLayers.LonLat( 9.5788, 48.9773 )
+
var toProjection  = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
−
          .transform(
+
var size          = new OpenLayers.Size(24,24);
−
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
+
var offset        = new OpenLayers.Pixel(-(size.w/2), -size.h);
−
             map.getProjectionObject() // to Spherical Mercator Projection
+
var icon          = new OpenLayers.Icon("https://www.ortschroniken-mv.de/images/e/ed/Map-book-icon.png", size, offset);
−
          );
+
var map;
−
     var zoom=11;
+
 
−
     map.setCenter (lonLat, zoom);
+
function addMarker(markers, lon, lat, text) {
 +
    var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
 +
    markers.addMarker(new OpenLayers.Marker(position, icon.clone()));
 +
    // um text anzuzeigen Vector oder besser Text layer
 +
}
 +
 
 +
function initMap() {       
 +
    // Map und div erzeugen
 +
    var mapOptions = {
 +
        projection: new OpenLayers.Projection("EPSG:3857"),
 +
        maxResolution: 78271.516964,
 +
        units: "m",
 +
        numZoomLevels: 19,
 +
        maxExtent: new OpenLayers.Bounds(-20037508.3428, -20037508.3428, 20037508.3428, 20037508.3428)
 +
    };
 +
     map = new OpenLayers.Map("mapdiv", mapOptions);
 +
 
 +
    map.addControl(new OpenLayers.Control.Navigation());
 +
 
 +
    map.addControl(new OpenLayers.Control.LayerSwitcher());
 +
 
 +
 
 +
    // Layer definieren
 +
    // OSM Layer, HTTPS
 +
     map.addLayer(new OpenLayers.Layer.OSM("OpenStreetMap",
 +
        [
 +
            "https://a.tile.openstreetmap.org/${z}/${x}/${y}.png",
 +
            "https://b.tile.openstreetmap.org/${z}/${x}/${y}.png",
 +
            "https://c.tile.openstreetmap.org/${z}/${x}/${y}.png"
 +
        ]
 +
    ));
 +
 
 +
    // Kartendienst ORKA MV
 +
     var orkaLayer = new OpenLayers.Layer.XYZ("Offene Regionalkarte ORKa MV",
 +
        "https://www.orka-mv.de/geodienste/orkamv/tiles/1.0.0/orkamv/GLOBAL_WEBMERCATOR/${z}/${x}/${y}.png",
 +
        {
 +
            sphericalMercator: true,
 +
            wrapDateLine: true
 +
        }
 +
    );
 +
     map.addLayer(orkaLayer);
 +
       
 +
    // GAIA MV Historische Karten, Preussische Messtischblätter 1:25000
 +
    // siehe:
 +
    //    "http://www.geodaten-mv.de/dienste/tk25m_laiv_wms?REQUEST=GetCapabilities&amp;VERSION=1.3.0&amp;SERVICE=WMS"
 +
    //    "http://www.geodaten-mv.de/dienste/tk25m_laiv_wms?REQUEST=GetMap&amp;VERSION=1.1.1&amp;SERVICE=WMS&amp;LAYERS=WMS_MV_TK25M&amp;BBOX=33188033,5872959,33480367,6079611&amp;SRS=EPSG:5650&amp;FORMAT=image/gif&amp;WIDTH=300&amp;HEIGHT=200&amp;STYLES="
 +
    //
 +
     var tk25m = new OpenLayers.Layer.WMS("Geoportal MV: TK25-M (Meßtischblätter, 1877-1889)",
 +
        "https://www.geodaten-mv.de/dienste/tk25m_laiv_wms",
 +
        {
 +
            layers: "WMS_MV_TK25M",
 +
            format: "image/png",
 +
            styles: "default"
 +
        }                
 +
    );
 +
     map.addLayer(tk25m);
 +
     var tk25as = new OpenLayers.Layer.WMS("Geoportal MV: TK25-AS (Ausgabe Staat, 1981-1987)",
 +
        "https://www.geodaten-mv.de/dienste/tk25as_laiv_wms",
 +
        {
 +
            layers: "WMS_MV_TK25AS",
 +
            format: "image/png",
 +
            styles: "default"
 +
        }                 
 +
    );
 +
    map.addLayer(tk25as);
 +
    var tk25n = new OpenLayers.Layer.WMS("Geoportal MV: TK25-N (Normalschnitt, 1990-1996)",
 +
        "https://www.geodaten-mv.de/dienste/tk25n_laiv_wms",
 +
        {
 +
            layers: "WMS_MV_TK25N",
 +
            format: "image/png",
 +
             styles: "default"
 +
        }                 
 +
    );
 +
    map.addLayer(tk25n);
 +
 
 +
    // Google maps
 +
    map.addLayer(new OpenLayers.Layer.Google("Google Physical", {type: google.maps.MapTypeId.TERRAIN}));
 +
    map.addLayer(new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 20}));
 +
     map.addLayer(new OpenLayers.Layer.Google("Google Hybrid", {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}));
 +
     map.addLayer(new OpenLayers.Layer.Google("Google Satellite", {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}));
 
      
 
      
−
  </script>
+
   
−
</body></html>
+
    var mapImage = new OpenLayers.Layer.Image(
 +
        'Test: Karte als Bild',
 +
        'http://i.ebayimg.com/images/i/230861551488-0-1/s-l1000.jpg',
 +
        //new OpenLayers.Bounds(-180, -88.759, 180, 88.759),
 +
        new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85),
 +
        new OpenLayers.Size(580, 288),
 +
        {numZoomLevels: 3}
 +
    );
 +
    //map.addLayer(mapImage);
 +
 
 +
    // Ort mit Chroniken
 +
    var markersFromFile = new OpenLayers.Layer.Text(
 +
        "Orte mit Chroniken",
 +
        {
 +
            location: "https://www.ortschroniken-mv.de/Ortschroniken-Markers.txt",
 +
            projection: fromProjection
 +
        }
 +
    );
 +
    map.addLayer(markersFromFile);
 +
   
 +
    //var markersStatic = new OpenLayers.Layer.Markers("Orte mit Ortschronik(en), statisch", { visibility: true });   
 +
    //map.addLayer(markersStatic);
 +
   
 +
    //addMarker(markersStatic, 12.226111, 54.1475, "M&ouml;nchhagen");
 +
    //addMarker(markersStatic, 10.92847, 53.2859, "Niendorf");
 +
    //addMarker(markersStatic, 12.302799, 54.203119, "Gelbensande");
 +
    //addMarker(markersStatic, 13.688611, 53.855556, "Anklam");
 +
    //addMarker(markersStatic, 10.85, 53.416667, "Bengerstorf");
 +
    //addMarker(markersStatic, 13.0219, 53.9076, "Demmin");
 +
    //addMarker(markersStatic, 11.8853337, 54.0873884, "St&uuml;low");
 +
    //addMarker(markersStatic, 12.2271115, 54.0142496, "Dummerstorf");
 +
    //addMarker(markersStatic, 13.5389, 53.6715, "Friedland");
 +
       
 +
    map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85), true);
 +
    //map.zoomToMaxExtent();
 +
}
 +
 
 +
initMap();
 +
</script>
 +
<div id="mapdiv" style="height:900px"></div>
 +
</html>
 +
-----
 +
''Achtung: Falls Ihr Browser die Karte nicht sofort anzeigt, eventuell die Browseransicht aktualisieren/neu laden!''

Aktuelle Version vom 25. Juni 2019, 22:04 Uhr

Karten mit Orten, für die Chroniken bereits erfasst wurden

Sie können auf der linken Seite mit "[+]" und "[-]" herein oder heraus zoomen. Auf der rechten Seite können Sie über "(+]" die gewünschte Karte im Hintergrund auswählen. Beachten Sie, dass einige Karten, speziell die historischen, nur bei hoher Auflösungsstufe angezeigt werden. Bei geringer Stufe erscheint dann nur eine weiße Kachel, bitte einfach weiter hinein zoomen! Durch Klick auf das Chronikensymbol können Sie über ein erscheinendes Fenster direkt zum jeweiligen Ort und seinen Chroniken springen.

Achtung: Falls Ihr Browser die Karte nicht sofort anzeigt, eventuell die Browseransicht aktualisieren/neu laden!

Abgerufen von „https://www.ortschroniken-mv.de/index.php?title=Zugang:_Karteneinstieg&oldid=19373“