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=38bde7e8a966e885dfbbd253cafe29d15d00b178;hb=78449dce988dbc690234d0508c6fd609feabe45a;hp=108c5da2fa4018eb5a40ffee8c82e854b003ee09;hpb=9f938815994b335b62368fb8e8d911b79b6a453c;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..38bde7e 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,29 +1,6 @@
-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';
-
-//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);
+import OpenLayersMapPart from './OpenLayersMapPart.js';
 
+// PSEUDO PACKAGE
 if (typeof globalThis.argeo === 'undefined')
 	globalThis.argeo = {};
 if (typeof globalThis.argeo.app === 'undefined')
@@ -32,92 +9,7 @@ if (typeof globalThis.argeo.app.geo === 'undefined')
 	globalThis.argeo.app.geo = {};
 
 
+globalThis.argeo.app.geo.OpenLayersMapPart = OpenLayersMapPart;
 
-//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
+// webpack specific
+import 'ol/ol.css';
\ No newline at end of file