Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
 
(139 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<nowiki>
+
== 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>
+
 
 +
<html>
 +
<div id="mapdiv" style="height:900px"></div>
 +
 
 +
<!-- 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>
     map = new OpenLayers.Map("mapdiv");
+
var fromProjection = new OpenLayers.Projection("EPSG:4326");  // Transform from WGS 1984
     map.addLayer(new OpenLayers.Layer.OSM());
+
var toProjection  = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
     
+
var size          = new OpenLayers.Size(24,24);
     var pois = new OpenLayers.Layer.Text( "My Points",
+
var offset        = new OpenLayers.Pixel(-(size.w/2), -size.h);
                    { location:"./textfile.txt",
+
var icon          = new OpenLayers.Icon("https://www.ortschroniken-mv.de/images/e/ed/Map-book-icon.png", size, offset);
                      projection: map.displayProjection
+
var map;
                    });
+
 
     map.addLayer(pois);
+
function addMarker(markers, lon, lat, text) {
     // create layer switcher widget in top right corner of map.
+
    var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
     var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
+
    markers.addMarker(new OpenLayers.Marker(position, icon.clone()));
     map.addControl(layer_switcher);
+
    // um text anzuzeigen Vector oder besser Text layer
     //Set start centrepoint and zoom   
+
}
     var lonLat = new OpenLayers.LonLat( 9.5788, 48.9773 )
+
 
          .transform(
+
function initMap() {       
             new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
+
    // Map und div erzeugen
            map.getProjectionObject() // to Spherical Mercator Projection
+
    var mapOptions = {
          );
+
        projection: new OpenLayers.Projection("EPSG:3857"),
     var zoom=11;
+
        maxResolution: 78271.516964,
     map.setCenter (lonLat, zoom);
+
        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}));
 +
   
 +
   
 +
     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>
 
</script>
</nowiki>
+
<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!