Zugang: Karteneinstieg: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 4: | Zeile 4: | ||
<script> | <script> | ||
− | + | // Map und div erzeugen | |
− | |||
− | |||
var mapOptions = { | var mapOptions = { | ||
projection: new OpenLayers.Projection('EPSG:3857'), | projection: new OpenLayers.Projection('EPSG:3857'), | ||
Zeile 14: | Zeile 12: | ||
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( | ||
− | var | + | // Layer definieren |
− | + | // Kartenhintergrund mit WMS, hier OSM | |
− | 'https://www.orka-mv.de/geodienste/orkamv/tiles/1.0.0/ | + | map.addLayer(new OpenLayers.Layer.OSM()) |
− | + | var orkaLayer = new OpenLayers.Layer.XYZ('ORKa.MV', | |
+ | 'https://www.orka-mv.de/geodienste/orkamv/tiles/1.0.0/orkamv/GLOBAL_WEBMERCATOR/${z}/${x}/${y}.png', | ||
+ | { | ||
sphericalMercator: true, | sphericalMercator: true, | ||
wrapDateLine: true | wrapDateLine: true | ||
} | } | ||
); | ); | ||
+ | map.addLayer(orkaLayer); | ||
+ | map.zoomToExtent(new OpenLayers.Bounds(1150978.94, 6980299.78, 1636564.19, 7327346.85)); | ||
+ | |||
+ | |||
+ | // Ort mit Chroniken | ||
+ | var markerLayer = new OpenLayers.Layer.Markers("Orte in MV mit Ortschronik(en)", { visibility: true }); | ||
+ | map.addLayer(markerLayer); | ||
− | map. | + | var icon = "Map-book-icon.png"; |
+ | var size = 32; var offset = 32; | ||
+ | // addMarker(map, layer, icon, size, offset, lon, lat, boxTextHtml); | ||
+ | markerLayer.addMarker(map, markerLayer, icon, size, offset, 12.226111, 54.1475, "Mö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"); | ||
+ | // addMarker(map, markerLayer, icon, size, offset, lon, lat, ""); | ||
+ | |||
+ | |||
+ | // Layer switcher widget rechts oben | ||
+ | var layer_switcher= new OpenLayers.Control.LayerSwitcher({}); | ||
+ | map.addControl(layer_switcher); | ||
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)); | ||
− | + | ||
− | + | ||
+ | // 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:12 Uhr