fix: remove incompatible props and exposed functions

The following removed props and methods were removed since they aren't compatible with the required OpenLayers version 7.4.0.
Please refer to the BREAKING CHANGES in the OpenLayers docs form the major release 7.0.0: https://github.com/openlayers/openlayers/releases/tag/v7.0.0

closes MelihAltintas#231

Author: d-koppenhagen

src/components/map/OlMap.vue

@@ -99,10 +99,6 @@ onUnmounted(() => {
 
 provide("map", map);
 
-const focus = () => {
-  // @ts-ignore
-  return map?.focus();
-};
 const forEachFeatureAtPixel = (
   pixel: Pixel,
   callback: (
@@ -112,23 +108,8 @@ const forEachFeatureAtPixel = (
   ) => unknown,
   options?: AtPixelOptions | undefined
 ) => map?.forEachFeatureAtPixel(pixel, callback, options);
-const forEachLayerAtPixel = (
-  pixel: Pixel,
-  callback: (
-    arg0: FeatureLike,
-    arg1: Layer<Source, LayerRenderer<any>>,
-    arg2: SimpleGeometry
-  ) => unknown,
-  layerFilter?: AtPixelOptions | undefined
-) => {
-  // @ts-ignore
-  return map?.forEachLayerAtPixel(pixel, callback, layerFilter);
-};
 const getCoordinateFromPixel = (pixel: Coordinate) =>
   map?.getCoordinateFromPixel(pixel);
-const refresh = () => {
-  return map?.refresh();
-};
 const render = () => map?.render();
 const updateSize = () => map?.updateSize();
 
@@ -147,11 +128,9 @@ map.on("postcompose", (event) => emit("postcompose", event));
 defineExpose({
   map,
   mapRef,
-  focus,
   forEachFeatureAtPixel,
   forEachLayerAtPixel,
   getCoordinateFromPixel,
-  refresh,
   render,
   updateSize,
 });

src/components/mapControls/OlMousePositionControl.vue

@@ -14,11 +14,9 @@ const props = withDefaults(
     projection?: string;
     render?: (...args: unknown[]) => unknown;
     target?: HTMLElement;
-    undefinedHTML?: string;
   }>(),
   {
     className: "ol-mouse-position",
-    undefinedHTML: " ",
   }
 );
 

src/components/sources/OlSourceBingMaps.vue

@@ -23,7 +23,6 @@ const props = withDefaults(
   {
     hidpi: false,
     culture: "en-us",
-    imageSmoothing: true,
     maxZoom: 21,
     reprojectionErrorThreshold: 0.5,
     tileLoadFunction: (imageTile: any, src: any) => {

src/components/sources/OlSourceImageWMS.vue

@@ -31,7 +31,6 @@ const props = withDefaults(
     format: "image/png",
     version: "1.3.0",
     serverType: "mapserver",
-    imageSmoothing: true,
     styles: "",
     ratio: 1,
   }

src/components/sources/OlSourceOSM.vue

@@ -20,7 +20,6 @@ defineOptions({
 const props = withDefaults(defineProps<Options>(), {
   crossOrigin: "anonymous",
   interpolate: true,
-  imageSmoothing: true,
   maxZoom: 19,
   opaque: true,
   reprojectionErrorThreshold: 0.5,

src/components/sources/OlSourceTianDiTu.vue

@@ -27,7 +27,6 @@ const props = withDefaults(defineProps<Options>(), {
   version: "1.0.0",
   culture: "en-us",
   dimensions: () => ({}),
-  imageSmoothing: true,
   maxZoom: 21,
   tileLoadFunction: (imageTile, src) => {
     ((imageTile as ImageTile).getImage() as HTMLImageElement).src = src;

src/components/sources/OlSourceWMTS.vue

@@ -36,7 +36,6 @@ const props = withDefaults(
   {
     attributionsCollapsible: true,
     tileZoomLevel: 30,
-    imageSmoothing: true,
     projection: "EPSG:3857",
     reprojectionErrorThreshold: 0.5,
     tilePixelRatio: 1,