Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
 
(101 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" style="width: 80%"></div>
+
<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 src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js"></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
 +
}
  
−
<script>
+
function initMap() {       
 
     // Map und div erzeugen
 
     // Map und div erzeugen
 
     var mapOptions = {
 
     var mapOptions = {
−
         projection: new OpenLayers.Projection('EPSG:3857'),
+
         projection: new OpenLayers.Projection("EPSG:3857"),
 
         maxResolution: 78271.516964,
 
         maxResolution: 78271.516964,
−
         units: 'm',
+
         units: "m",
 
         numZoomLevels: 19,
 
         numZoomLevels: 19,
 
         maxExtent: new OpenLayers.Bounds(-20037508.3428, -20037508.3428, 20037508.3428, 20037508.3428)
 
         maxExtent: new OpenLayers.Bounds(-20037508.3428, -20037508.3428, 20037508.3428, 20037508.3428)
Zeile 14: Zeile 38:
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
  
−
     var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
+
     map.addControl(new OpenLayers.Control.Navigation());
−
     var toProjection  = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
+
 
 +
     map.addControl(new OpenLayers.Control.LayerSwitcher());
 +
 
  
 
     // Layer definieren
 
     // 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
 
     // Kartendienst ORKA MV
−
     var orkaLayer = new OpenLayers.Layer.XYZ('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',
+
         "https://www.orka-mv.de/geodienste/orkamv/tiles/1.0.0/orkamv/GLOBAL_WEBMERCATOR/${z}/${x}/${y}.png",
 
         {
 
         {
 
             sphericalMercator: true,
 
             sphericalMercator: true,
Zeile 27: Zeile 62:
 
     );
 
     );
 
     map.addLayer(orkaLayer);
 
     map.addLayer(orkaLayer);
−
     map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85));
+
       
 +
    // 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 markers = new OpenLayers.Layer.Markers("Orte in MV mit Ortschronik(en)", { visibility: true });   
+
     var markersFromFile = new OpenLayers.Layer.Text(
−
    map.addLayer(markers);
+
        "Orte mit Chroniken",
−
   
+
        {
−
    var size = new OpenLayers.Size(32,32);
+
            location: "https://www.ortschroniken-mv.de/Ortschroniken-Markers.txt",
−
    var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
+
            projection: fromProjection
−
    var icon = new OpenLayers.Icon('https://www.ortschroniken-mv.de/index.php?Map-book-icon.png', size, offset);
+
        }
 +
    );
 +
    map.addLayer(markersFromFile);
 
      
 
      
−
     //markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(12.226111, 54.1475), icon));
+
     //var markersStatic = new OpenLayers.Layer.Markers("Orte mit Ortschronik(en), statisch", { visibility: true });  
−
    //markerLayer.addMarker(map, markerLayer, icon, size, offset, 12.226111, 54.1475, "M&ouml;nchhagen");
+
     //map.addLayer(markersStatic);
−
    //markerLayer.addMarker(map, markerLayer, icon, size, offset, 10.92847, 53.2859, "Niendorf");
 
−
     //markerLayer.addMarker(map, markerLayer, icon, size, offset, 12.302799, 54.203119, "Gelbensande");
 
−
    //markerLayer.addMarker(map, markerLayer, icon, size, offset, 13.688611, 53.855556, "Anklam");
 
 
      
 
      
−
     // Layer switcher widget rechts oben
+
     //addMarker(markersStatic, 12.226111, 54.1475, "M&ouml;nchhagen");
−
     //var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
+
     //addMarker(markersStatic, 10.92847, 53.2859, "Niendorf");
−
     //map.addControl(layer_switcher);
+
    //addMarker(markersStatic, 12.302799, 54.203119, "Gelbensande");
−
      
+
    //addMarker(markersStatic, 13.688611, 53.855556, "Anklam");
−
     map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85));
+
    //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();
−
    // Centrepoint und Zoom level   
 
−
    //var lonLat = new OpenLayers.LonLat(12.07409, 54.06996)
 
−
    //      .transform(
 
−
    //        new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
 
−
    //        map.getProjectionObject() // to Spherical Mercator Projection
 
−
    //      );
 
−
    //var zoom = 12;
 
−
    //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!

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