Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
K
 
(131 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
== 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.
 +
 
<html>
 
<html>
<div id="mapdiv"></div>
+
<div id="mapdiv" style="height:900px"></div>
<script src="https://www.openlayers.org/api/OpenLayers.js"></script>
+
 
 +
<!-- Das ist mein privater API-key, bitte nicht anderweitig benutzen!  hm@baltic.de -->
 +
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBT7_oR-4ic1Oj2CXR8tLWbI7pOn5zcsRs&callback=initMap" type="text/javascript"></script>
 +
 
 +
<!-- MediaWiki API -->
 +
<!-- script src="https://www.mediawiki.org/wiki/MediaWiki:Common.js" -->
 +
 
 +
<!-- OpenLayers -->
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js"></script>
 
<script>
 
<script>
 +
var fromProjection = new OpenLayers.Projection("EPSG:4326");  // Transform from WGS 1984
 +
var toProjection  = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
 +
var size          = new OpenLayers.Size(24,24);
 +
var offset        = new OpenLayers.Pixel(-(size.w/2), -size.h);
 +
var icon          = new OpenLayers.Icon("https://www.ortschroniken-mv.de/images/e/ed/Map-book-icon.png", size, offset);
 +
var map;
 +
 +
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
 
     // Map und div erzeugen
     map = new OpenLayers.Map("mapdiv");
+
    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
 
     // Layer definieren
     // Kartenhintergrund mit WMS, hier OSM
+
     // OSM Layer, HTTPS
     map.addLayer(new OpenLayers.Layer.OSM());
+
    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}));
 +
   
 +
   
 +
    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
 
     // Ort mit Chroniken
     var markerLayer = new OpenLayers.Layer.Markers("Orte in MV mit Ortschronik(en)", { visibility: true });     
+
     var markersFromFile = new OpenLayers.Layer.Text(
     map.addLayer(markerLayer);
+
        "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);
 
      
 
      
    var icon = "Map-book-icon.png";
+
     //addMarker(markersStatic, 12.226111, 54.1475, "M&ouml;nchhagen");
    var size = 32; var offset = 32;
+
     //addMarker(markersStatic, 10.92847, 53.2859, "Niendorf");
     // addMarker(map, layer, icon, size, offset, lon, lat, boxTextHtml);
+
     //addMarker(markersStatic, 12.302799, 54.203119, "Gelbensande");
    addMarker(map, markerLayer, icon, size, offset, 12.226111, 54.1475, "M&ouml;nchhagen");
+
     //addMarker(markersStatic, 13.688611, 53.855556, "Anklam");
     addMarker(map, markerLayer, icon, size, offset, 10.92847, 53.2859, "Niendorf");
+
     //addMarker(markersStatic, 10.85, 53.416667, "Bengerstorf");
     addMarker(map, markerLayer, icon, size, offset, 12.302799, 54.203119, "Gelbensande");
+
    //addMarker(markersStatic, 13.0219, 53.9076, "Demmin");
     addMarker(map, markerLayer, icon, size, offset, 13.688611, 53.855556, "Anklam");
+
    //addMarker(markersStatic, 11.8853337, 54.0873884, "St&uuml;low");
     // addMarker(map, markerLayer, icon, size, offset, lon, lat, "");
+
    //addMarker(markersStatic, 12.2271115, 54.0142496, "Dummerstorf");
 
+
     //addMarker(markersStatic, 13.5389, 53.6715, "Friedland");
 
+
       
     // Layer switcher widget rechts oben
+
     map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85), true);
     var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
+
     //map.zoomToMaxExtent();
     map.addControl(layer_switcher);
+
}
  
    // Centrepoint und Zoom level   
+
initMap();
    var lonLat = new OpenLayers.LonLat(10.5788, 51.9773)
 
          .transform(
 
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
 
            map.getProjectionObject() // to Spherical Mercator Projection
 
          );
 
    var zoom = 10;
 
    map.setCenter(lonLat, zoom);
 
 
</script>
 
</script>
 +
<div id="mapdiv" style="height:900px"></div>
 
</html>
 
</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!