X-Git-Url: http://git.argeo.org/?a=blobdiff_plain;f=js%2Fsrc%2Fgeo%2FOpenLayersMapPart.js;h=293b6995c8f086b278bc0f8846da4c8c047ba5e2;hb=6a318c749b7b2b8caa6c7b3bc8412140c853b800;hp=71b9a17b0574dd1539e1eb00c4cc5fa7823598c6;hpb=b384a9cbe93b83b3aa94fe46cf2ff0a929f0332c;p=gpl%2Fargeo-suite.git diff --git a/js/src/geo/OpenLayersMapPart.js b/js/src/geo/OpenLayersMapPart.js index 71b9a17..293b699 100644 --- a/js/src/geo/OpenLayersMapPart.js +++ b/js/src/geo/OpenLayersMapPart.js @@ -4,9 +4,7 @@ import Map from 'ol/Map.js'; import View from 'ol/View.js'; -import OSM from 'ol/source/OSM.js'; -import TileLayer from 'ol/layer/Tile.js'; -import { fromLonLat, getPointResolution, transformExtent } from 'ol/proj.js'; +import { fromLonLat, getPointResolution } from 'ol/proj.js'; import VectorSource from 'ol/source/Vector.js'; import Feature from 'ol/Feature.js'; import { Point } from 'ol/geom.js'; @@ -21,8 +19,6 @@ import * as SLDReader from '@nieuwlandgeo/sldreader'; import MapPart from './MapPart.js'; -import { bbox } from 'ol/loadingstrategy'; - /** OpenLayers implementation of MapPart. */ export default class OpenLayersMapPart extends MapPart { /** The OpenLayers Map. */ @@ -39,14 +35,6 @@ export default class OpenLayersMapPart extends MapPart { super(mapName); this.#map = new Map({ layers: [ - // new TileLayer({ - // source: new SentinelCloudless(), - // }), - // new TileLayer({ - // source: new OSM(), - // opacity: 0.4, - // transition: 0, - // }), ], // view: new View({ // projection: 'EPSG:4326', @@ -64,8 +52,8 @@ export default class OpenLayersMapPart extends MapPart { this.#map.getView().setZoom(zoom); } - setCenter(lng, lat) { - this.#map.getView().setCenter(fromLonLat([lng, lat])); + setCenter(lat, lon) { + this.#map.getView().setCenter(fromLonLat([lon, lat])); } addPoint(lng, lat, style) { @@ -286,44 +274,4 @@ export default class OpenLayersMapPart extends MapPart { }); vectorLayer.setStyle(olStyleFunction); } - - // - // BBOX - // - applyBboxStrategy(layerName) { - const layer = this.getLayerByName(layerName); - const vectorSource = layer.getSource(); - const baseUrl = vectorSource.getUrl(); - if (typeof baseUrl === 'function') - throw new Error('A strategy was already applied to layer ' + layerName); - - const loadFunction = function(extent, resolution, projection, success, failure) { - - const proj = projection.getCode(); - var bbox = transformExtent(extent, proj, 'EPSG:4326'); - - const url = baseUrl + '&' + - 'bbox=' + bbox.join(',') ; -// 'bbox=' + extent.join(',') + ',' + proj; - const xhr = new XMLHttpRequest(); - xhr.open('GET', url); - const onError = function() { - vectorSource.removeLoadedExtent(extent); - failure(); - } - xhr.onerror = onError; - xhr.onload = function() { - if (xhr.status == 200) { - const features = vectorSource.getFormat().readFeatures(xhr.responseText); - vectorSource.addFeatures(features); - success(features); - } else { - onError(); - } - } - xhr.send(); - } - - vectorSource.setLoader(loadFunction); - } }