From 8de0e3dc57a156957d31fd05aa136a3492f9bd4d Mon Sep 17 00:00:00 2001 From: Danny Koppenhagen Date: Sat, 3 Aug 2024 10:34:23 +0200 Subject: [PATCH] docs(ol-source-*): drop `opaque` option since it has been removed with OpenLayers 10 BREAKING-CHANGE: The `opaque` option was previously used to hint the renderer to perform some optimizations on layers known to be fully opaque. This is no longer needed, and the option has been removed. The option is no longer handled by `OlSourceOSM`, `OlSourceXYZ` and `OlSourceTianditu`. It has been removed with [OpenLayers 10](https://github.com/openlayers/openlayers/releases/tag/v10.0.0) see #239 --- docs/componentsguide/sources/xyz/index.md | 7 +------ src/components/sources/OlSourceOSM.vue | 1 - src/components/sources/OlSourceOsm.vue | 1 - src/components/sources/OlSourceXYZ.vue | 1 - src/components/sources/OlSourceXyz.vue | 1 - src/components/sources/TiandituClass.ts | 2 -- 6 files changed, 1 insertion(+), 12 deletions(-) diff --git a/docs/componentsguide/sources/xyz/index.md b/docs/componentsguide/sources/xyz/index.md index d6b4c63..b9c26cf 100644 --- a/docs/componentsguide/sources/xyz/index.md +++ b/docs/componentsguide/sources/xyz/index.md @@ -46,12 +46,7 @@ This deviating props are described in the section below. ### Deviating Properties -#### `opaque` - -The value for `opaque` is currently set to `true` by default. -However, this behaviour will be aligned with the OpenLayers default of `false` in the future. - -See related issue [XYZ source opacity problem #239](https://github.com/MelihAltintas/vue3-openlayers/issues/239). +none. ## Events diff --git a/src/components/sources/OlSourceOSM.vue b/src/components/sources/OlSourceOSM.vue index d52278e..ed90e37 100644 --- a/src/components/sources/OlSourceOSM.vue +++ b/src/components/sources/OlSourceOSM.vue @@ -18,7 +18,6 @@ const props = withDefaults(defineProps(), { crossOrigin: "anonymous", interpolate: true, maxZoom: 19, - opaque: true, reprojectionErrorThreshold: 0.5, transition: 250, url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png", diff --git a/src/components/sources/OlSourceOsm.vue b/src/components/sources/OlSourceOsm.vue index d52278e..ed90e37 100644 --- a/src/components/sources/OlSourceOsm.vue +++ b/src/components/sources/OlSourceOsm.vue @@ -18,7 +18,6 @@ const props = withDefaults(defineProps(), { crossOrigin: "anonymous", interpolate: true, maxZoom: 19, - opaque: true, reprojectionErrorThreshold: 0.5, transition: 250, url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png", diff --git a/src/components/sources/OlSourceXYZ.vue b/src/components/sources/OlSourceXYZ.vue index ea8221c..4914199 100644 --- a/src/components/sources/OlSourceXYZ.vue +++ b/src/components/sources/OlSourceXYZ.vue @@ -18,7 +18,6 @@ defineOptions({ const props = withDefaults(defineProps(), { attributionsCollapsible: true, interpolate: true, - opaque: true, maxZoom: 42, minZoom: 0, projection: "EPSG:3857", diff --git a/src/components/sources/OlSourceXyz.vue b/src/components/sources/OlSourceXyz.vue index ea8221c..4914199 100644 --- a/src/components/sources/OlSourceXyz.vue +++ b/src/components/sources/OlSourceXyz.vue @@ -18,7 +18,6 @@ defineOptions({ const props = withDefaults(defineProps(), { attributionsCollapsible: true, interpolate: true, - opaque: true, maxZoom: 42, minZoom: 0, projection: "EPSG:3857", diff --git a/src/components/sources/TiandituClass.ts b/src/components/sources/TiandituClass.ts index b54bbe8..3885148 100644 --- a/src/components/sources/TiandituClass.ts +++ b/src/components/sources/TiandituClass.ts @@ -9,7 +9,6 @@ export type Options = WMTSOptions & { tk?: string; isLabel?: boolean; maxZoom?: number; - opaque?: boolean; }; export class Tianditu extends WMTSSource { static layerLabelMap: Record = {}; @@ -61,7 +60,6 @@ export class Tianditu extends WMTSSource { style: options.style || "default", cacheSize: options.cacheSize, crossOrigin, - opaque: options.opaque === undefined ? true : options.opaque, maxZoom: Tianditu.layerZoomMap[options.layerType], reprojectionErrorThreshold: options.reprojectionErrorThreshold, url: options.url,