Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
Zeile 5: Zeile 5:
 
<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>
 
<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(32,32);
 +
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);
 +
 +
function addMarker(markers, lon, lat, text) {
 +
    markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection), icon);
 +
    // text
 +
}
 +
 +
function init() {       
 
     // Map und div erzeugen
 
     // Map und div erzeugen
 
     var mapOptions = {
 
     var mapOptions = {
Zeile 14: Zeile 26:
 
     };
 
     };
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
 
     map = new OpenLayers.Map("mapdiv", mapOptions);
−
 
−
    var fromProjection = new OpenLayers.Projection("EPSG:4326");  // Transform from WGS 1984
 
−
    var toProjection  = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
 
  
 
     // Layer definieren
 
     // Layer definieren
Zeile 35: Zeile 44:
 
     map.addLayer(markers);
 
     map.addLayer(markers);
 
      
 
      
−
     var size = new OpenLayers.Size(32,32);
+
     addMarker(markers, 12.226111, 54.1475, "M&ouml;nchhagen");
−
    var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
+
     addMarker(markers, 10.92847, 53.2859, "Niendorf");
−
    var icon = new OpenLayers.Icon('https://www.ortschroniken-mv.de/images/e/ed/Map-book-icon.png', size, offset);
+
     addMarker(markers, 12.302799, 54.203119, "Gelbensande");
−
   
+
     addMarker(markers, 13.688611, 53.855556, "Anklam");
−
    markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(12.226111, 54.1475).transform(fromProjection, toProjection), icon, "M&ouml;nchhagen"));
 
−
    //markerLayer.addMarker(map, markerLayer, icon, size, offset, 12.226111, 54.1475, "M&ouml;nchhagen");
 
−
     //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
 
     // Layer switcher widget rechts oben
Zeile 50: Zeile 54:
 
      
 
      
 
     map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85));
 
     map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85));
 +
}
  
−
   
+
init();
−
    // 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>
 
</html>
 
</html>

Version vom 15. November 2016, 16:24 Uhr

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