Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
K (HolgerMeyer verschob die Seite Karte zu den Orten mit Chroniken nach Zugang: Karteneinstieg)
(33 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
== Kartentest mit statischen POIs und der aktuellen Karte von ORKA-MV ==
+
== 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="height:900px"></div>
 
<div id="mapdiv" style="height:900px"></div>
Zeile 7: Zeile 9:
  
 
<!-- MediaWiki API -->
 
<!-- MediaWiki API -->
<script src="https://www.mediawiki.org/wiki/MediaWiki:Common.js"></script>
+
<!-- script src="https://www.mediawiki.org/wiki/MediaWiki:Common.js" -->
  
 
<!-- OpenLayers -->
 
<!-- OpenLayers -->
Zeile 17: Zeile 19:
 
var offset        = new OpenLayers.Pixel(-(size.w/2), -size.h);
 
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 icon          = new OpenLayers.Icon("https://www.ortschroniken-mv.de/images/e/ed/Map-book-icon.png", size, offset);
 
+
var map;
// besser mit var ochlayer = new OpenLayers.Layer.Text("ortschroniken", { location: "url" }); map.addLayer(ochlayer);
 
// format "url", oder JSON-Objekt
 
//    lat  lon title  description iconSize    iconOffset  icon
 
//    10  20  title  description 21,25      -10,-25    http://www.openlayers.org/dev/img/marker.png
 
 
 
  
 
function addMarker(markers, lon, lat, text) {
 
function addMarker(markers, lon, lat, text) {
Zeile 33: Zeile 30:
 
     // 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)
 
     };
 
     };
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
 +
 +
    map.addControl(new OpenLayers.Control.Navigation());
 +
 +
    map.addControl(new OpenLayers.Control.LayerSwitcher());
 +
  
 
     // Layer definieren
 
     // Layer definieren
 
     // Kartendienst ORKA MV
 
     // Kartendienst ORKA MV
     var orkaLayer = new OpenLayers.Layer.XYZ("Offen Regionalkarte 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",
 
         {
 
         {
Zeile 75: Zeile 77:
 
     );
 
     );
 
     map.addLayer(tk25as);
 
     map.addLayer(tk25as);
     var tk25n = new OpenLayers.Layer.WMS("Geoportal MV: TK25-N (Normalsschnitt, 1990-1996)",
+
     var tk25n = new OpenLayers.Layer.WMS("Geoportal MV: TK25-N (Normalschnitt, 1990-1996)",
 
         "https://www.geodaten-mv.de/dienste/tk25n_laiv_wms",
 
         "https://www.geodaten-mv.de/dienste/tk25n_laiv_wms",
 
         {
 
         {
Zeile 100: Zeile 102:
 
     ));
 
     ));
 
      
 
      
 +
    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.Text( "text", {location: "Ortschroniken-Markers.txt"} );  
+
     var markersFromFile = new OpenLayers.Layer.Text(
     map.addLayer(markers);
+
        "Orte mit Chroniken",
 +
        {
 +
            location: "https://www.ortschroniken-mv.de/Ortschroniken-Markers.txt",
 +
            projection: fromProjection
 +
        }
 +
    );  
 +
     map.addLayer(markersFromFile);
 
      
 
      
    addMarker(markers, 12.226111, 54.1475, "M&ouml;nchhagen");
+
     //var markersStatic = new OpenLayers.Layer.Markers("Orte mit Ortschronik(en), statisch", { visibility: true });  
     //addMarker(markers, 10.92847, 53.2859, "Niendorf");
+
     //map.addLayer(markersStatic);
    //addMarker(markers, 12.302799, 54.203119, "Gelbensande");
 
    //addMarker(markers, 13.688611, 53.855556, "Anklam");
 
    //addMarker(markers, 10.85, 53.416667, "Bengerstorf");
 
    //addMarker(markers, 13.0219, 53.9076, "Demmin");
 
    //addMarker(markers, 11.8853337, 54.0873884, "St&uuml;low");
 
    //addMarker(markers, 12.2271115, 54.0142496, "Dummerstorf");
 
    //addMarker(markers, 13.5389, 53.6715, "Friedland");
 
   
 
     // Layer switcher widget rechts oben
 
    var layer_switcher= new OpenLayers.Control.LayerSwitcher();
 
    map.addControl(layer_switcher);
 
 
      
 
      
 +
    //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.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85), true);
 
     //map.zoomToMaxExtent();
 
     //map.zoomToMaxExtent();
Zeile 124: Zeile 141:
 
initMap();
 
initMap();
 
</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!''

Version vom 12. Dezember 2016, 23:23 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!