diff --git a/src/assets/css/vars.css b/src/assets/css/vars.css index f73a037..6afb3eb 100644 --- a/src/assets/css/vars.css +++ b/src/assets/css/vars.css @@ -18,7 +18,7 @@ --color-base-content: 0, 0, 0; --color-map-georeference: 239, 68, 68; - --color-map-aggregate: 249, 115, 22; + --color-map-aggregate: 3, 115, 22; --color-map-asserted: 249, 115, 22; --color-map-type-material: 51, 136, 255; --color-map-collection-object: 239, 68, 68; diff --git a/src/components/AddressMaker.global.vue b/src/components/AddressMaker.global.vue new file mode 100644 index 0000000..7bdd344 --- /dev/null +++ b/src/components/AddressMaker.global.vue @@ -0,0 +1,63 @@ + + + diff --git a/src/components/Map/VMap.client.vue b/src/components/Map/VMap.client.vue index 307ec37..c1873ef 100644 --- a/src/components/Map/VMap.client.vue +++ b/src/components/Map/VMap.client.vue @@ -57,6 +57,16 @@ const props = defineProps({ default: 18 }, + maxZoom: { + type: Number, + default: 18 + }, + + minZoom: { + type: Number, + default: 0 + }, + disableZoom: { type: Boolean, default: false @@ -102,7 +112,8 @@ let geoJSONGroup const leafletMap = ref(null) const tiles = { osm: L.tileLayer(map_tile_server, { - maxZoom: 18, + maxZoom: props.maxZoom, + minZoom: props.minZoom, className: 'map-tiles', attribution: map_tile_attribution })