X-Git-Url: http://git.argeo.org/?a=blobdiff_plain;ds=inline;f=org.argeo.app.geo.js%2Fsrc%2Forg.argeo.app.geo.js%2Findex.js;h=108c5da2fa4018eb5a40ffee8c82e854b003ee09;hb=9f938815994b335b62368fb8e8d911b79b6a453c;hp=a6f3c81c50ff4e6cd89f30a3fae4ef5ed081e4a5;hpb=37c5768d88096f4eb7be02f18770b6a40be5c110;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 a6f3c81..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
@@ -2,18 +2,122 @@ 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 'ol/ol.css';
 
-const map = new Map({
-  layers: [
-    new TileLayer({
-      source: new OSM(),
-    }),
-  ],
-  target: 'map',
-  view: new View({
-    center: [0, 0],
-    zoom: 2,
-  }),
-});
+//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