Improve JavaScript project structure

[gpl/argeo-suite.git] / org.argeo.app.geo.js / src / org.argeo.app.geo.js / index.js

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 108c5da2fa4018eb5a40ffee8c82e854b003ee09..38bde7e8a966e885dfbbd253cafe29d15d00b178 100644 (file)
--- 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