Revert "docs(ol-source-*): drop opaque option since it has been removed with OpenLayers 10"

This reverts commit 8de0e3d.

Author: d-koppenhagen

docs/componentsguide/sources/xyz/index.md

@@ -47,7 +47,12 @@ This deviating props are described in the section below.
 
 ### Deviating Properties
 
-none.
+#### `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).
 
 ## Events
 

src/components/sources/OlSourceOSM.vue

@@ -18,6 +18,7 @@ const props = withDefaults(defineProps<Options>(), {
   crossOrigin: "anonymous",
   interpolate: true,
   maxZoom: 19,
+  opaque: true,
   reprojectionErrorThreshold: 0.5,
   transition: 250,
   url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",

src/components/sources/OlSourceOsm.vue

@@ -18,6 +18,7 @@ const props = withDefaults(defineProps<Options>(), {
   crossOrigin: "anonymous",
   interpolate: true,
   maxZoom: 19,
+  opaque: true,
   reprojectionErrorThreshold: 0.5,
   transition: 250,
   url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",

src/components/sources/OlSourceXYZ.vue

@@ -18,6 +18,7 @@ defineOptions({
 const props = withDefaults(defineProps<Options>(), {
   attributionsCollapsible: true,
   interpolate: true,
+  opaque: true,
   maxZoom: 42,
   minZoom: 0,
   projection: "EPSG:3857",

src/components/sources/OlSourceXyz.vue

@@ -18,6 +18,7 @@ defineOptions({
 const props = withDefaults(defineProps<Options>(), {
   attributionsCollapsible: true,
   interpolate: true,
+  opaque: true,
   maxZoom: 42,
   minZoom: 0,
   projection: "EPSG:3857",

src/components/sources/TiandituClass.ts

@@ -9,6 +9,7 @@ export type Options = WMTSOptions & {
   tk?: string;
   isLabel?: boolean;
   maxZoom?: number;
+  opaque?: boolean;
 };
 export class Tianditu extends WMTSSource {
   static layerLabelMap: Record<string, string> = {};
@@ -60,6 +61,7 @@ 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,