@dative-gpi/foundation-shared-components 1.0.147-maps → 1.0.147-scenario-device-model
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/components/map/FSMap.vue
CHANGED
|
@@ -28,7 +28,6 @@
|
|
|
28
28
|
|
|
29
29
|
<FSMapLayerButton
|
|
30
30
|
v-if="$props.allowedLayers?.length && $props.allowedLayers.length > 1"
|
|
31
|
-
:disabled="$props.disabled"
|
|
32
31
|
:layers="mapLayers.filter((layer) => $props.allowedLayers?.includes(layer.name) ?? true)"
|
|
33
32
|
:modelValue="$props.currentLayer"
|
|
34
33
|
@update:model-value="$emit('update:currentLayer', $event)"
|
|
@@ -40,7 +39,6 @@
|
|
|
40
39
|
>
|
|
41
40
|
<FSButton
|
|
42
41
|
v-if="$props.showMyLocation"
|
|
43
|
-
:disabled="$props.disabled"
|
|
44
42
|
icon="mdi-crosshairs-gps"
|
|
45
43
|
color="primary"
|
|
46
44
|
variant="full"
|
|
@@ -55,14 +53,12 @@
|
|
|
55
53
|
gap="0"
|
|
56
54
|
>
|
|
57
55
|
<FSButton
|
|
58
|
-
:disabled="$props.disabled"
|
|
59
56
|
class="fs-map-zoom-plus-button"
|
|
60
57
|
icon="mdi-plus"
|
|
61
58
|
@click="() => map!.zoomIn()"
|
|
62
59
|
:border="false"
|
|
63
60
|
/>
|
|
64
61
|
<FSButton
|
|
65
|
-
:disabled="$props.disabled"
|
|
66
62
|
class="fs-map-zoom-minus-button"
|
|
67
63
|
icon="mdi-minus"
|
|
68
64
|
@click="() => map!.zoomOut()"
|
|
@@ -134,16 +130,6 @@ export default defineComponent({
|
|
|
134
130
|
required: false,
|
|
135
131
|
default: '100%'
|
|
136
132
|
},
|
|
137
|
-
lockZoomOnFlyTo: {
|
|
138
|
-
type: Boolean,
|
|
139
|
-
required: false,
|
|
140
|
-
default: false
|
|
141
|
-
},
|
|
142
|
-
disabled: {
|
|
143
|
-
type: Boolean,
|
|
144
|
-
required: false,
|
|
145
|
-
default: false
|
|
146
|
-
},
|
|
147
133
|
grayscale: {
|
|
148
134
|
type: Boolean,
|
|
149
135
|
required: false,
|
|
@@ -367,16 +353,14 @@ export default defineComponent({
|
|
|
367
353
|
|
|
368
354
|
const mapOptions = {
|
|
369
355
|
zoomControl: false,
|
|
370
|
-
scrollWheelZoom: props.enableScrollWheelZoom
|
|
371
|
-
dragging: !props.disabled,
|
|
372
|
-
doubleClickZoom: false,
|
|
356
|
+
scrollWheelZoom: props.enableScrollWheelZoom,
|
|
373
357
|
minZoom: 2,
|
|
374
358
|
maxZoom: 22,
|
|
375
359
|
maxBounds: latLngBounds(latLng(-90, -180), latLng(90, 180)),
|
|
376
360
|
maxBoundsViscosity: 1.0,
|
|
377
361
|
zoom: defaultZoom.value,
|
|
378
362
|
center: props.center ? latLng(props.center[0], props.center[1]) : latLng(48.85782, 2.29521)
|
|
379
|
-
}
|
|
363
|
+
};
|
|
380
364
|
|
|
381
365
|
map.value = markRaw(createMap(leafletContainer.value, mapOptions));
|
|
382
366
|
|
|
@@ -412,9 +396,7 @@ export default defineComponent({
|
|
|
412
396
|
if(!map.value || !props.center) {
|
|
413
397
|
return;
|
|
414
398
|
}
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
setView(props.center[0], props.center[1], zoom);
|
|
399
|
+
setView(props.center[0], props.center[1], defaultZoom.value);
|
|
418
400
|
}, { immediate: true });
|
|
419
401
|
|
|
420
402
|
watch([() => props.bounds, () => map.value], () => {
|
|
@@ -431,32 +413,6 @@ export default defineComponent({
|
|
|
431
413
|
}
|
|
432
414
|
}, { immediate: true });
|
|
433
415
|
|
|
434
|
-
watch(() => props.enableScrollWheelZoom, (newValue) => {
|
|
435
|
-
if(!map.value) {
|
|
436
|
-
return;
|
|
437
|
-
}
|
|
438
|
-
if(newValue) {
|
|
439
|
-
map.value.scrollWheelZoom.enable();
|
|
440
|
-
} else {
|
|
441
|
-
map.value.scrollWheelZoom.disable();
|
|
442
|
-
}
|
|
443
|
-
}, { immediate: true });
|
|
444
|
-
|
|
445
|
-
watch(() => props.disabled, (newValue) => {
|
|
446
|
-
if(!map.value) {
|
|
447
|
-
return;
|
|
448
|
-
}
|
|
449
|
-
if(newValue) {
|
|
450
|
-
map.value.dragging.disable();
|
|
451
|
-
map.value.scrollWheelZoom.disable();
|
|
452
|
-
} else {
|
|
453
|
-
map.value.dragging.enable();
|
|
454
|
-
if(props.enableScrollWheelZoom) {
|
|
455
|
-
map.value.scrollWheelZoom.enable();
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
}, { immediate: true });
|
|
459
|
-
|
|
460
416
|
return {
|
|
461
417
|
ColorEnum,
|
|
462
418
|
defaultZoom,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dative-gpi/foundation-shared-components",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "1.0.147-
|
|
4
|
+
"version": "1.0.147-scenario-device-model",
|
|
5
5
|
"description": "",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"author": "",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@dative-gpi/foundation-shared-domain": "1.0.147-
|
|
14
|
-
"@dative-gpi/foundation-shared-services": "1.0.147-
|
|
13
|
+
"@dative-gpi/foundation-shared-domain": "1.0.147-scenario-device-model",
|
|
14
|
+
"@dative-gpi/foundation-shared-services": "1.0.147-scenario-device-model"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@dative-gpi/bones-ui": "^1.0.0",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"sass": "1.71.1",
|
|
36
36
|
"sass-loader": "13.3.2"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "ba43dc060cfc192f9b838e4385748e3d5e83c963"
|
|
39
39
|
}
|