Differences

This shows you the differences between two versions of the page.

--- crea:intro [2018/09/05 17:00] – bblonski
+++ crea:intro [2021/02/24 00:58] (current) – [Map] bblonski
@@ Line 34: / Line 34: @@
 [[crea:Magic]]
+## Map
+<html>
+<div id="map" class="map"></div>
+<link rel="stylesheet" href="https://openlayers.org/en/v5.2.0/css/ol.css" type="text/css">
+<script type="text/javascript" src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.2.0/build/ol.js"></script>
+<script type="text/javascript">
+    var map;
+    var extent = [0,0,2048, 2048];
+    var projection = new ol.proj.Projection({
+        code: 'crea-image',
+        units: 'pixels',
+        extent: extent
+    });
+    function init(){
+        map = new ol.Map({
+            target: 'map',
+            layers: [
+                new ol.layer.Image({
+                    source: new ol.source.ImageStatic({
+                        url: 'https://wiki.blonski.me/_media/crea/map_slope.png',
+                        projection: projection,
+                        imageExtent: extent
+                    })
+                })
+            ],
+            view: new ol.View({
+                zoom: 1,
+                maxZoom: 5,
+                minZoom: 1,
+                center: [1024, 1024],
+                projection: projection,
+                extent: extent
+            })
+        });
+    }
+    init();
+    </script>
+</html>