X-Git-Url: https://git.argeo.org/?a=blobdiff_plain;f=org.argeo.app.geo.js%2Fsrc%2Forg.argeo.app.geo.js%2Findex.js;h=f389db0a14143a3003026c1a681479ff1c4068ad;hb=21433ef7b049abb44bbd3c815b6724a15912accf;hp=108c5da2fa4018eb5a40ffee8c82e854b003ee09;hpb=1bf9b9ce4e4c9cf6ff6970d31b411fca63644003;p=gpl%2Fargeo-suite.git diff --git a/org.argeo.app.geo.js/src/org.argeo.app.geo.js/index.js b/org.argeo.app.geo.js/src/org.argeo.app.geo.js/index.js index 108c5da..f389db0 100644 --- a/org.argeo.app.geo.js/src/org.argeo.app.geo.js/index.js +++ b/org.argeo.app.geo.js/src/org.argeo.app.geo.js/index.js @@ -1,123 +1,4 @@ -import Map from 'ol/Map.js'; -import OSM from 'ol/source/OSM.js'; -import TileLayer from 'ol/layer/Tile.js'; -import View from 'ol/View.js'; -import { fromLonLat, toLonLat } from 'ol/proj.js'; +import './export-package.js'; +// webpack specific import 'ol/ol.css'; - -//window.map = new Map({ -// layers: [ -// new TileLayer({ -// source: new OSM(), -// }), -// ], -// target: 'mapTarget', -// view: new View({ -// center: [0, 0], -// zoom: 2, -// }), -//}); -//window.map.on('rendercomplete', e => { -// console.log('Render completed.'); -// onRenderComplete(); -//}); -//map.getView().setZoom(4); - -if (typeof globalThis.argeo === 'undefined') - globalThis.argeo = {}; -if (typeof globalThis.argeo.app === 'undefined') - globalThis.argeo.app = {}; -if (typeof globalThis.argeo.app.geo === 'undefined') - globalThis.argeo.app.geo = {}; - - - -//window.argeo.app.geo.ArgeoMap = { -// map: new Map({ -// layers: [ -// new TileLayer({ -// source: new OSM(), -// }), -// ], -// target: 'map', -// }), -// -// setZoom: function(zoom) { -// this.map.getView().setZoom(zoom); -// }, -// -// setCenter: function(lng, lat) { -// this.map.getView().setCenter(fromLonLat([lng, lat])); -// }, -// -//}; - -export class ArgeoMap { - #map; - // Constructor - constructor() { - this.#map = new Map({ - layers: [ - new TileLayer({ - source: new OSM(), - }), - ], - target: 'map', - }); - } - - setZoom(zoom) { - this.#map.getView().setZoom(zoom); - } - - setCenter(lng, lat) { - this.#map.getView().setCenter(fromLonLat([lng, lat])); - } -} - -globalThis.argeo.app.geo.ArgeoMap = ArgeoMap; - -//globalThis.argeoMap = new ArgeoMap(); - -//window.argeoMap = Object.create(argeo.app.geo.ArgeoMap); -//window.argeoMap.map.on('rendercomplete', e => { -// console.log('Render completed.'); -// onRenderComplete(); -//}); - - -//function argeo_app_geo_Map() { -// console.log('Entered constructor'); -// this.map = new Map({ -// layers: [ -// new TileLayer({ -// source: new OSM(), -// }), -// ], -// target: 'map', -// view: new View({ -// center: [0, 0], -// zoom: 2, -// }), -// }); -// this.map.on('rendercomplete', e => { -// console.log('Render completed.'); -// onRenderComplete(); -// }); -// -// this.setCenter = function(lng, lat) { -// console.log('Center set '); -// //this.map.getView().setCenter(ol.proj.fromLonLat([lng, lat])); -// } -// -// this.setZoom = function(zoom) { -// this.map.getView().setZoom(zoom); -// } -//} -// -//window.argeoMap = new argeo_app_geo_Map(); -//argeoMap.setCenter(13.404954, 52.520008); -//function setCenter(lng, lat) { -// map.getView().setCenter(lng, lat); -//} \ No newline at end of file