Zugang: Karteneinstieg: Unterschied zwischen den Versionen

Aus Ortschroniken
Zur Navigation springen Zur Suche springen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
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, 15:24 Uhr

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