index.js

   1 import Map from 'ol/Map.js';
   2 import OSM from 'ol/source/OSM.js';
   3 import TileLayer from 'ol/layer/Tile.js';
   4 import View from 'ol/View.js';
   5 import { fromLonLat, toLonLat } from 'ol/proj.js';
   6
   7 import 'ol/ol.css';
   8
   9 //window.map = new Map({
  10 //      layers: [
  11 //              new TileLayer({
  12 //                      source: new OSM(),
  13 //              }),
  14 //      ],
  15 //      target: 'mapTarget',
  16 //      view: new View({
  17 //              center: [0, 0],
  18 //              zoom: 2,
  19 //      }),
  20 //});
  21 //window.map.on('rendercomplete', e => {
  22 //      console.log('Render completed.');
  23 //      onRenderComplete();
  24 //});
  25 //map.getView().setZoom(4);
  26
  27 if (typeof window.argeo === 'undefined')
  28         window.argeo = {};
  29 if (typeof window.argeo.app === 'undefined')
  30         window.argeo.app = {};
  31 if (typeof window.argeo.app.geo === 'undefined')
  32         window.argeo.app.geo = {};
  33
  34
  35
  36 window.argeo.app.geo.ArgeoMap = {
  37         map: new Map({
  38                 layers: [
  39                         new TileLayer({
  40                                 source: new OSM(),
  41                         }),
  42                 ],
  43                 target: 'map',
  44         }),
  45
  46         setZoom: function(zoom) {
  47                 this.map.getView().setZoom(zoom);
  48         },
  49
  50         setCenter: function(lng, lat) {
  51                 this.map.getView().setCenter(fromLonLat([lng, lat]));
  52         },
  53
  54 };
  55 //window.argeoMap = Object.create(argeo.app.geo.ArgeoMap);
  56 //window.argeoMap.map.on('rendercomplete', e => {
  57 //      console.log('Render completed.');
  58 //      onRenderComplete();
  59 //});
  60
  61
  62 //function argeo_app_geo_Map() {
  63 //      console.log('Entered constructor');
  64 //      this.map = new Map({
  65 //              layers: [
  66 //                      new TileLayer({
  67 //                              source: new OSM(),
  68 //                      }),
  69 //              ],
  70 //              target: 'map',
  71 //              view: new View({
  72 //                      center: [0, 0],
  73 //                      zoom: 2,
  74 //              }),
  75 //      });
  76 //      this.map.on('rendercomplete', e => {
  77 //              console.log('Render completed.');
  78 //              onRenderComplete();
  79 //      });
  80 //
  81 //      this.setCenter = function(lng, lat) {
  82 //              console.log('Center set ');
  83 //              //this.map.getView().setCenter(ol.proj.fromLonLat([lng, lat]));
  84 //      }
  85 //
  86 //      this.setZoom = function(zoom) {
  87 //              this.map.getView().setZoom(zoom);
  88 //      }
  89 //}
  90 //
  91 //window.argeoMap = new argeo_app_geo_Map();
  92 //argeoMap.setCenter(13.404954, 52.520008);
  93 //function setCenter(lng, lat) {
  94 //      map.getView().setCenter(lng, lat);
  95 //}