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=108c5da2fa4018eb5a40ffee8c82e854b003ee09;hb=1bf9b9ce4e4c9cf6ff6970d31b411fca63644003;hp=a665d9164c10df263ff721d0dd86ac34ab6d6e06;hpb=be0d3b8c6d90256157ebf0ba9dd7a8703165ba6b;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 a665d91..108c5da 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
@@ -24,34 +24,62 @@ import 'ol/ol.css';
 //});
 //map.getView().setZoom(4);
 
-if (typeof window.argeo === 'undefined')
-	window.argeo = {};
-if (typeof window.argeo.app === 'undefined')
-	window.argeo.app = {};
-if (typeof window.argeo.app.geo === 'undefined')
-	window.argeo.app.geo = {};
+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',
-	}),
+//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]));
+	}
+}
 
-	setZoom: function(zoom) {
-		this.map.getView().setZoom(zoom);
-	},
+globalThis.argeo.app.geo.ArgeoMap = ArgeoMap;
 
-	setCenter: function(lng, lat) {
-		this.map.getView().setCenter(fromLonLat([lng, lat]));
-	},
+//globalThis.argeoMap = new ArgeoMap();
 
-};
 //window.argeoMap = Object.create(argeo.app.geo.ArgeoMap);
 //window.argeoMap.map.on('rendercomplete', e => {
 //	console.log('Render completed.');