From bc9040dc94f3e4301749ab6cc2fa1f3472124540 Mon Sep 17 00:00:00 2001 From: mloeppky Date: Fri, 1 Mar 2024 11:55:25 -0800 Subject: [PATCH] Add additional properties from leaflet to GridLayer --- docs/components/LGridLayer.md | 5 ++++ docs/components/LTileLayer.md | 5 ++++ docs/components/LWMSTileLayer.md | 51 ++++++++++++++++++-------------- src/mixins/GridLayer.js | 27 ++++++++++++++++- types/index.d.ts | 28 ++++++++++++++++++ 5 files changed, 92 insertions(+), 24 deletions(-) diff --git a/docs/components/LGridLayer.md b/docs/components/LGridLayer.md index d5a3109..dccfa5e 100644 --- a/docs/components/LGridLayer.md +++ b/docs/components/LGridLayer.md @@ -67,6 +67,11 @@ export default { | zIndex | | number | - | 1 | | tileSize | | number\|object\|array | - | 256 | | noWrap | | boolean | - | false | +| minZoom | | number | - | 0 | +| maxZoom | | number | - | undefined | +| minNativeZoom | | number | - | undefined | +| maxNativeZoom | | number | - | undefined | +| keepBuffer | | number | - | 2 | | options | Leaflet options to pass to the component constructor | object | - | {} | | tileComponent | | object | - | | diff --git a/docs/components/LTileLayer.md b/docs/components/LTileLayer.md index cf38dd8..b75787f 100644 --- a/docs/components/LTileLayer.md +++ b/docs/components/LTileLayer.md @@ -49,6 +49,11 @@ export default { | zIndex | | number | - | 1 | | tileSize | | number\|object\|array | - | 256 | | noWrap | | boolean | - | false | +| minZoom | | number | - | 0 | +| maxZoom | | number | - | undefined | +| minNativeZoom | | number | - | undefined | +| maxNativeZoom | | number | - | undefined | +| keepBuffer | | number | - | 2 | | tms | | boolean | - | false | | subdomains | | string\|array | - | 'abc' | | detectRetina | | boolean | - | false | diff --git a/docs/components/LWMSTileLayer.md b/docs/components/LWMSTileLayer.md index 2de81de..84ca0ba 100644 --- a/docs/components/LWMSTileLayer.md +++ b/docs/components/LWMSTileLayer.md @@ -64,29 +64,34 @@ export default { ## Props -| Prop name | Description | Type | Values | Default | -| ------------ | ---------------------------------------------------- | --------------------- | ------ | ------------ | -| pane | | string | - | 'tilePane' | -| attribution | | string | - | null | -| name | | string | - | undefined | -| layerType | | string | - | undefined | -| visible | | boolean | - | true | -| opacity | | number | - | 1.0 | -| zIndex | | number | - | 1 | -| tileSize | | number\|object\|array | - | 256 | -| noWrap | | boolean | - | false | -| tms | | boolean | - | false | -| subdomains | | string\|array | - | 'abc' | -| detectRetina | | boolean | - | false | -| layers | | string | - | '' | -| styles | | string | - | '' | -| format | | string | - | 'image/jpeg' | -| transparent | | boolean | - | | -| version | | string | - | '1.1.1' | -| crs | | object | - | null | -| uppercase | | boolean | - | false | -| options | Leaflet options to pass to the component constructor | object | - | {} | -| baseUrl | | string | - | null | +| Prop name | Description | Type | Values | Default | +| ------------- | ---------------------------------------------------- | --------------------- | ------ | ------------ | +| pane | | string | - | 'tilePane' | +| attribution | | string | - | null | +| name | | string | - | undefined | +| layerType | | string | - | undefined | +| visible | | boolean | - | true | +| opacity | | number | - | 1.0 | +| zIndex | | number | - | 1 | +| tileSize | | number\|object\|array | - | 256 | +| noWrap | | boolean | - | false | +| minZoom | | number | - | 0 | +| maxZoom | | number | - | undefined | +| minNativeZoom | | number | - | undefined | +| maxNativeZoom | | number | - | undefined | +| keepBuffer | | number | - | 2 | +| tms | | boolean | - | false | +| subdomains | | string\|array | - | 'abc' | +| detectRetina | | boolean | - | false | +| layers | | string | - | '' | +| styles | | string | - | '' | +| format | | string | - | 'image/jpeg' | +| transparent | | boolean | - | | +| version | | string | - | '1.1.1' | +| crs | | object | - | null | +| uppercase | | boolean | - | false | +| options | Leaflet options to pass to the component constructor | object | - | {} | +| baseUrl | | string | - | null | ## Events diff --git a/src/mixins/GridLayer.js b/src/mixins/GridLayer.js index ff62f38..bd0e1d2 100644 --- a/src/mixins/GridLayer.js +++ b/src/mixins/GridLayer.js @@ -23,6 +23,26 @@ export default { noWrap: { type: Boolean, default: false + }, + minZoom: { + type: Number, + default: 0 + }, + maxZoom: { + type: Number, + default: undefined + }, + minNativeZoom: { + type: Number, + default: undefined + }, + maxNativeZoom: { + type: Number, + default: undefined + }, + keepBuffer: { + type: Number, + default: 2, } }, mounted () { @@ -32,7 +52,12 @@ export default { opacity: this.opacity, zIndex: this.zIndex, tileSize: this.tileSize, - noWrap: this.noWrap + noWrap: this.noWrap, + minZoom: this.minZoom, + maxZoom: this.maxZoom, + minNativeZoom: this.minNativeZoom, + maxNativeZoom: this.maxNativeZoom, + keepBuffer: this.keepBuffer }; } }; diff --git a/types/index.d.ts b/types/index.d.ts index f031594..6b03f20 100644 --- a/types/index.d.ts +++ b/types/index.d.ts @@ -68,6 +68,34 @@ declare module "vue2-leaflet" { * @default 1 */ zIndex: number; + /** + * @default 256 + */ + tileSize: number | L.Point; + /** + * @default false + */ + noWrap: boolean; + /** + * @default 0 + */ + minZoom: number; + /** + * @default null + */ + maxZoom: number | null; + /** + * @default null + */ + minNativeZoom: number | null; + /** + * @default null + */ + maxNativeZoom: number | null; + /** + * @default 2 + */ + keepBuffer: number; } class ImageOverlay extends Mixins(Layer, InteractiveLayer) { // props