Mercurial > gemma

annotate client/src/components/map/Map.vue @ 5457:fb3e127bccb4 uiimprovements

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fixed linting errors
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 15 Jul 2021 10:11:49 +0200
parents 661af6353d3b
children 84d01a536bec
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
3 :id="'map-' + paneId"
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
4 :class="['map', { nocursor: this.hasActiveInteractions }]"
3165
891705431545 client: map zoom controls: each map has it's own independent contrls now
Markus Kottlaender <markus@intevation.de>
parents: 3146
diff changeset
5 >
891705431545 client: map zoom controls: each map has it's own independent contrls now
Markus Kottlaender <markus@intevation.de>
parents: 3146
diff changeset
6 <Zoom :map="map" />
891705431545 client: map zoom controls: each map has it's own independent contrls now
Markus Kottlaender <markus@intevation.de>
parents: 3146
diff changeset
7 </div>
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 </template>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 <style lang="sass" scoped>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 .map
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 width: 100%
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 height: 100%
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
14 background-color: #eee
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
15 background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8), linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8)
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
16 background-size: 20px 20px
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
17 background-position: 0 0, 10px 10px
3177
fc008b32c593 client: layers: loading animation for refreshing layer sources
Markus Kottlaender <markus@intevation.de>
parents: 3166
diff changeset
18
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 &.nocursor
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 cursor: none
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 </style>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 <script>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 /* This is Free Software under GNU Affero General Public License v >= 3.0
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 * without warranty, see README.md and license for details.
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 *
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 * SPDX-License-Identifier: AGPL-3.0-or-later
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 * License-Filename: LICENSES/AGPL-3.0.txt
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 *
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 * Copyright (C) 2018, 2019 by via donau
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 * – Österreichische Wasserstraßen-Gesellschaft mbH
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 * Software engineering by Intevation GmbH
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 *
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 * Author(s):
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 * * Thomas Junk <thomas.junk@intevation.de>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 * * Bernhard E. Reiter <bernhard.reiter@intevation.de>
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 */
5457
fb3e127bccb4 fixed linting errors
Thomas Junk <thomas.junk@intevation.de>
parents: 5456
diff changeset
38
fb3e127bccb4 fixed linting errors
Thomas Junk <thomas.junk@intevation.de>
parents: 5456
diff changeset
39 /*eslint no-unused-vars: ["error", { "argsIgnorePattern": "_" }]*/
fb3e127bccb4 fixed linting errors
Thomas Junk <thomas.junk@intevation.de>
parents: 5456
diff changeset
40
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 import { HTTP } from "@/lib/http";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 import { mapState } from "vuex";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 import { Map, View } from "ol";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44 import { Stroke, Style, Fill } from "ol/style";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45 import { displayError } from "@/lib/errors";
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
46 import { pane } from "@/lib/mixins";
5076
96a544504818 move layer.js and styles.js to layers directory
Thomas Junk <thomas.junk@intevation.de>
parents: 4869
diff changeset
47 import { layerFactory } from "@/components/layers/layers";
4022
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
48 import { ImageWMS as ImageSource } from "ol/source";
5076
96a544504818 move layer.js and styles.js to layers directory
Thomas Junk <thomas.junk@intevation.de>
parents: 4869
diff changeset
49 import { styles } from "@/components/layers/styles";
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50 import "ol/ol.css";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 export default {
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
53 mixins: [pane],
3165
891705431545 client: map zoom controls: each map has it's own independent contrls now
Markus Kottlaender <markus@intevation.de>
parents: 3146
diff changeset
54 components: {
3166
286c2e3cc105 client: moved Zoom component to map subdirectory
Markus Kottlaender <markus@intevation.de>
parents: 3165
diff changeset
55 Zoom: () => import("@/components/map/Zoom")
3165
891705431545 client: map zoom controls: each map has it's own independent contrls now
Markus Kottlaender <markus@intevation.de>
parents: 3146
diff changeset
56 },
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
57 data() {
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58 return {
3182
77fc44ad05e3 client: removed old splitscreen code
Markus Kottlaender <markus@intevation.de>
parents: 3181
diff changeset
59 map: null
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
60 };
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61 },
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
62 computed: {
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
63 ...mapState("map", [
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
64 "initialLoad",
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
65 "extent",
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
66 "syncedMaps",
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
67 "syncedView",
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
68 "ongoingRefresh"
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
69 ]),
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
70 ...mapState("bottlenecks", ["selectedSurvey"]),
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
71 ...mapState("fairwayprofile", ["additionalSurvey"]),
5288
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
72 ...mapState("application", [
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
73 "paneSetup",
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
74 "paneRotate",
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
75 "config",
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
76 "ongoingPDFExport"
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
77 ]),
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3270
diff changeset
78 ...mapState("imports", ["selectedStretchId", "selectedSectionId"]),
3021
2e2a271c1026 client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents: 3016
diff changeset
79 layers() {
3685
8775bea8042a client: layers: unset layer config on logout
Markus Kottlaender <markus@intevation.de>
parents: 3548
diff changeset
80 return layerFactory(this.paneId);
3021
2e2a271c1026 client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents: 3016
diff changeset
81 },
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
82 hasActiveInteractions() {
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
83 return (
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
84 this.map &&
3062
87e0422cffa7 client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents: 3057
diff changeset
85 this.map
87e0422cffa7 client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents: 3057
diff changeset
86 .getInteractions()
87e0422cffa7 client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents: 3057
diff changeset
87 .getArray()
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
88 .filter(
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
89 i =>
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
90 ["linetool", "polygontool", "cuttool"].includes(i.get("id")) &&
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
91 i.getActive()
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
92 ).length
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
93 );
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
94 }
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
95 },
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
96 watch: {
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
97 ongoingRefresh() {
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
98 if (this.ongoingRefresh) return;
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
99 this.loadStyles();
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
100 },
3146
b6cc4838d2c0 client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 3109
diff changeset
101 paneSetup() {
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
102 this.$nextTick(() => this.map.updateSize());
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
103 },
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
104 paneRotate() {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
105 this.$nextTick(() => this.map.updateSize());
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
106 },
3086
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
107 syncedMaps(syncedMaps) {
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
108 if (syncedMaps.includes(this.paneId) || this.paneId === "main") {
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
109 this.map.setView(this.syncedView);
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
110 } else {
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
111 this.map.setView(
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
112 new View({
4806
a905438a7935 map: disable rotation
Thomas Junk <thomas.junk@intevation.de>
parents: 4589
diff changeset
113 enableRotation: false,
3086
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
114 center: [this.extent.lon, this.extent.lat],
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
115 minZoom: 5, // restrict zooming out to ~size of Europe for width 1000px
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
116 zoom: this.extent.zoom,
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
117 projection: "EPSG:3857"
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
118 })
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
119 );
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
120 }
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
121 },
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
122 selectedSurvey(survey) {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
123 if (this.paneId === "main") {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
124 if (survey) {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
125 this.updateBottleneckFilter(survey.bottleneck_id, survey.date_info);
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
126 } else {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
127 this.updateBottleneckFilter("does_not_exist", "1999-10-01");
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
128 }
3062
87e0422cffa7 client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents: 3057
diff changeset
129 }
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
130 },
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
131 additionalSurvey(survey) {
3146
b6cc4838d2c0 client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 3109
diff changeset
132 if (this.paneId === "compare-survey") {
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
133 if (survey) {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
134 this.updateBottleneckFilter(survey.bottleneck_id, survey.date_info);
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
135 } else {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
136 this.updateBottleneckFilter("does_not_exist", "1999-10-01");
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
137 }
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
138 }
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
139 },
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
140 selectedStretchId(id) {
4496
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
141 let stretch = this.layers.get("STRETCHES");
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
142 stretch
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
143 .getSource()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
144 .getFeatures()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
145 .forEach(f => {
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
146 f.set("highlighted", false);
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
147 f.setStyle(null);
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
148 if (id === f.getId()) {
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
149 f.set("highlighted", true);
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
150 let highlight = new Style({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
151 fill: new Fill({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
152 color: this.colorLuminance(
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
153 stretch
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
154 .getStyle()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
155 .getFill()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
156 .getColor(),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
157 0.3
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
158 )
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
159 }),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
160 stroke: new Stroke({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
161 color: this.colorLuminance(
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
162 stretch
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
163 .getStyle()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
164 .getStroke()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
165 .getColor(),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
166 0.3
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
167 ),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
168 width: 3
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
169 })
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
170 });
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
171 f.setStyle(highlight);
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
172 }
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
173 });
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
174 },
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
175 selectedSectionId(id) {
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
176 let section = this.layers.get("SECTIONS");
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
177 section
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
178 .getSource()
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
179 .getFeatures()
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
180 .forEach(f => {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
181 f.set("highlighted", false);
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
182 if (id === f.getId()) {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
183 f.set("highlighted", true);
4496
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
184 let highlight = new Style({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
185 fill: new Fill({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
186 color: this.colorLuminance(
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
187 section
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
188 .getStyle()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
189 .getFill()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
190 .getColor(),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
191 0.3
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
192 )
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
193 }),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
194 stroke: new Stroke({
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
195 color: this.colorLuminance(
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
196 section
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
197 .getStyle()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
198 .getStroke()
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
199 .getColor(),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
200 0.3
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
201 ),
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
202 width: 4
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
203 })
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
204 });
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
205 f.setStyle(highlight);
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3270
diff changeset
206 }
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3270
diff changeset
207 });
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
208 }
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
209 },
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
210 methods: {
4589
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
211 colorLuminance(color, lum) {
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
212 let [r, g, b, a] = color
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
213 .substring(5, color.length - 1)
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
214 .split(",")
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
215 .map(e => Number(e));
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
216 let [r1, g1, b1] = [r, g, b].map(e =>
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
217 Math.round(Math.min(Math.max(0, e + e * lum), 255))
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
218 );
9cd00133dff9 client: fix highlighting of stretches and sections
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4524
diff changeset
219 return `rgba(${r1},${g1},${b1},${a})`;
4496
8c98d801e62e Highlight sections and stretches on select.
Raimund Renkert <raimund@renkert.org>
parents: 4455
diff changeset
220 },
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
221 updateBottleneckFilter(bottleneck_id, datestr) {
4003
5d4edf268aec if no bottlenck is given the update bottleneck filter should not query the geoserver
Thomas Junk <thomas.junk@intevation.de>
parents: 3852
diff changeset
222 if (!bottleneck_id) return;
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
223 const exists = bottleneck_id != "does_not_exist";
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
224 if (exists) {
3021
2e2a271c1026 client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents: 3016
diff changeset
225 this.layers
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
226 .get("BOTTLENECKISOLINE")
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
227 .getSource()
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
228 .updateParams({
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
229 cql_filter: `date_info='${datestr}' AND bottleneck_id='${bottleneck_id}'`
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
230 });
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
231 }
3021
2e2a271c1026 client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents: 3016
diff changeset
232 this.layers.get("BOTTLENECKISOLINE").setVisible(exists);
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
233 },
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
234 initMap() {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
235 if (!this.syncedView) {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
236 this.$store.commit(
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
237 "map/syncedView",
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
238 new View({
4806
a905438a7935 map: disable rotation
Thomas Junk <thomas.junk@intevation.de>
parents: 4589
diff changeset
239 enableRotation: false,
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
240 center: [this.extent.lon, this.extent.lat],
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
241 minZoom: 5, // restrict zooming out to ~size of Europe for width 1000px
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
242 zoom: this.extent.zoom,
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
243 projection: "EPSG:3857"
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
244 })
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
245 );
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
246 }
3181
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
247
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
248 // move to user specific default extent if map loads for the first time
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
249 // checking initialLoad will be obsolete once we abandoned the separated admin context
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
250 if (this.initialLoad) {
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
251 this.$store.commit("map/initialLoad", false);
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
252 var currentUser = this.$store.state.user.user;
4426
a769e14f4baf fix typo, encodeURIComponent only for username
Thomas Junk <thomas.junk@intevation.de>
parents: 4422
diff changeset
253 HTTP.get("/users/" + encodeURIComponent(`${currentUser}`), {
3181
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
254 headers: {
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
255 "X-Gemma-Auth": localStorage.getItem("token"),
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
256 "Content-type": "text/xml; charset=UTF-8"
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
257 }
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
258 })
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
259 .then(response => {
4422
562f9da8ba0b map: restore zoom to extent functionality
Thomas Junk <thomas.junk@intevation.de>
parents: 4421
diff changeset
260 this.mountMap();
3181
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
261 this.$store.dispatch("map/moveToBoundingBox", {
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
262 boundingBox: [
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
263 response.data.extent.x1,
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
264 response.data.extent.y1,
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
265 response.data.extent.x2,
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
266 response.data.extent.y2
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
267 ],
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
268 zoom: 17,
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
269 preventZoomOut: true,
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
270 duration: 0
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
271 });
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
272 })
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
273 .catch(error => {
4422
562f9da8ba0b map: restore zoom to extent functionality
Thomas Junk <thomas.junk@intevation.de>
parents: 4421
diff changeset
274 this.mountMap();
4869
6b054b91d9b2 backend not reachable as error message etd. Login adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 4868
diff changeset
275 let message = "Backend not reachable";
4868
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
276 if (error.response) {
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
277 const { status, data } = error.response;
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
278 message = `${status}: ${data.message || data}`;
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
279 }
3181
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
280 displayError({
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
281 title: this.$gettext("Backend Error"),
4868
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
282 message: message
3181
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
283 });
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
284 });
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
285 } else {
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
286 this.mountMap();
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
287 }
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
288 },
c122a064fd5e client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents: 3177
diff changeset
289 mountMap() {
4022
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
290 const source = new ImageSource({
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
291 preload: 1,
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
292 url: this.config.ecdis_wms_url,
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
293 crossOrigin: "anonymous",
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
294 params: JSON.parse(this.config.ecdis_wms_params)
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
295 });
5457
fb3e127bccb4 fixed linting errors
Thomas Junk <thomas.junk@intevation.de>
parents: 5456
diff changeset
296 source.on("imageloaderror", _ => {
5288
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
297 if (this.ongoingPDFExport) {
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
298 displayError({
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
299 title: this.$gettext("Loading Error"),
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
300 message: this.$gettext(
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
301 "The ECDIS chart could not be loaded completely, the map might be corrupted. Please retry later"
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
302 ),
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
303 options: {
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
304 timeout: 0,
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
305 showProgressBar: false,
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
306 closeOnClick: true,
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
307 pauseOnHover: true,
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
308 bodyMaxLength: 1024
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
309 }
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
310 });
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
311 }
5280
03b8fe8467de client: display toast message due to loading layer error ("INLANDECDIS")
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5076
diff changeset
312 });
5288
48bef30cdb72 Client: limit displaying of error popup to only pdf-export mode(ECDIS layer)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 5280
diff changeset
313
4022
efe0904b1d45 Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents: 4003
diff changeset
314 this.layers.get("INLANDECDIS").setSource(source);
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
315 this.map = new Map({
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
316 layers: this.layers.config,
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
317 target: "map-" + this.paneId,
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
318 controls: [],
3086
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
319 view:
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
320 this.syncedMaps.includes(this.paneId) || this.paneId === "main"
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
321 ? this.syncedView
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
322 : new View({
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
323 center: [this.extent.lon, this.extent.lat],
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
324 minZoom: 5,
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
325 zoom: this.extent.zoom,
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
326 projection: "EPSG:3857"
a69a8deb56fe client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents: 3079
diff changeset
327 })
3079
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
328 });
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
329 this.map.getLayer = id => this.layers.get(id);
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
330 // store map position on every move
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
331 // will be obsolete once we abandoned the separated admin context
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
332 this.map.on("moveend", event => {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
333 const center = event.map.getView().getCenter();
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
334 this.$store.commit("map/extent", {
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
335 lat: center[1],
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
336 lon: center[0],
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
337 zoom: event.map.getView().getZoom()
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
338 });
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
339 });
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
340 this.$store.dispatch("map/openLayersMap", this.map);
57255fda7594 client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents: 3077
diff changeset
341 this.$store.dispatch("map/initIdentifyTool", this.map);
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
342 },
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
343 loadStyles() {
4507
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
344 const getRGBA = color => {
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
345 return (
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
346 "rgba(" +
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
347 parseInt(color.slice(1, 3), 16) +
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
348 ", " +
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
349 parseInt(color.slice(3, 5), 16) +
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
350 ", " +
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
351 parseInt(color.slice(5, 7), 16) +
4524
7cca4aa9a04a Client: Map: improve rgba() values calculation for styling
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4507
diff changeset
352 ", " +
7cca4aa9a04a Client: Map: improve rgba() values calculation for styling
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4507
diff changeset
353 (color.length > 7 ? parseInt(color.slice(7, 9), 16) / 255 : "1") +
4507
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
354 ")"
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
355 );
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
356 };
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
357 // load configured bottleneck colors
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
358 HTTP.get("/system/settings", {
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
359 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
360 }).then(response => {
4507
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
361 let btlnStrokeC = getRGBA(response.data.bottlenecks_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
362 btlnFillC = getRGBA(response.data.bottlenecks_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
363 strFillC = getRGBA(response.data.stretches_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
364 strStrokeC = getRGBA(response.data.stretches_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
365 secStrokeC = getRGBA(response.data.sections_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
366 secFillC = getRGBA(response.data.sections_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
367 fwd1StrokeC = getRGBA(response.data.fairwaydimensionslos1_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
368 fwd1FillC = getRGBA(response.data.fairwaydimensionslos1_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
369 fwd2StrokeC = getRGBA(response.data.fairwaydimensionslos2_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
370 fwd2FillC = getRGBA(response.data.fairwaydimensionslos2_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
371 fwd3StrokeC = getRGBA(response.data.fairwaydimensionslos3_stroke),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
372 fwd3FillC = getRGBA(response.data.fairwaydimensionslos3_fill),
a912b1458834 client: Map: use rgba for styling layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4496
diff changeset
373 wwpStokeC = getRGBA(response.data.waterwayprofiles_stroke);
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
374 let btlnStyle = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
375 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
376 color: btlnStrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
377 width: 4
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
378 }),
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
379 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
380 color: btlnFillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
381 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
382 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
383 strStyle = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
384 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
385 color: strStrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
386 width: 2
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
387 }),
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
388 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
389 color: strFillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
390 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
391 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
392 secStyle = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
393 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
394 color: secStrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
395 width: 5
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
396 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
397 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
398 color: secFillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
399 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
400 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
401 fwd1Style = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
402 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
403 lineDash: [2, 4],
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
404 lineCap: "round",
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
405 color: fwd1StrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
406 width: 2
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
407 }),
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
408 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
409 color: fwd1FillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
410 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
411 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
412 fwd2Style = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
413 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
414 lineDash: [3, 6],
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
415 lineCap: "round",
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
416 color: fwd2StrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
417 width: 2
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
418 }),
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
419 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
420 color: fwd2FillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
421 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
422 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
423 fwd3Style = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
424 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
425 color: fwd3StrokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
426 width: 2
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
427 }),
4455
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
428 fill: new Fill({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
429 color: fwd3FillC
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
430 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
431 }),
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
432 wwpStyle = new Style({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
433 stroke: new Stroke({
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
434 color: wwpStokeC,
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
435 lineDash: [5, 5],
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
436 width: 2
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
437 })
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
438 });
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
439 this.layers.get("WATERWAYPROFILES").setStyle(wwpStyle);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
440 this.layers
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
441 .get("FAIRWAYDIMENSIONSLOS1")
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
442 .setStyle(() => [fwd1Style, styles.textFW1]);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
443 this.layers
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
444 .get("FAIRWAYDIMENSIONSLOS2")
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
445 .setStyle(() => [fwd2Style, styles.textFW2]);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
446 this.layers
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
447 .get("FAIRWAYDIMENSIONSLOS3")
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
448 .setStyle(() => [fwd3Style, styles.textFW3]);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
449 this.layers.get("SECTIONS").setStyle(secStyle);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
450 this.layers.get("STRETCHES").setStyle(strStyle);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
451 this.layers.get("BOTTLENECKS").setStyle(btlnStyle);
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
452 this.$store.commit("gauges/deleteNashSutcliffeCache");
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
453 this.$store.dispatch("map/refreshLayers");
112120ed510d removed empty catch statement
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
454 });
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
455 }
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
456 },
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
457 mounted() {
3102
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
458 // ToDo set path to correct endpoint in order to retrieve an OSM URL
3104
19fc84a98479 Added "published-config" field to configuration.
Sascha L. Teichmann <sascha.teichmann@intevation.de>
parents: 3102
diff changeset
459 HTTP.get("/system/config", {
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
460 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
461 })
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
462 .then(response => {
3270
d7bc51fd50b0 client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
463 if (response.data["osm-url"]) {
d7bc51fd50b0 client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
464 this.layers
d7bc51fd50b0 client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
465 .get("OPENSTREETMAP")
d7bc51fd50b0 client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
466 .getSource()
d7bc51fd50b0 client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
467 .setUrl(response.data["osm-url"]);
3109
973312bb77c6 Client: Fixed usage of published config to configure the OSM server URL.
Sascha L. Teichmann <sascha.teichmann@intevation.de>
parents: 3104
diff changeset
468 }
3102
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
469 this.initMap();
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
470
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
471 if (this.selectedSurvey && this.paneId === "main") {
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
472 this.updateBottleneckFilter(
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
473 this.selectedSurvey.bottleneck_id,
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
474 this.selectedSurvey.date_info
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
475 );
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
476 }
3146
b6cc4838d2c0 client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 3109
diff changeset
477 if (this.additionalSurvey && this.paneId === "compare-survey") {
3102
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
478 this.updateBottleneckFilter(
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
479 this.additionalSurvey.bottleneck_id,
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
480 this.additionalSurvey.date_info
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
481 );
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
482 }
4271
315474a66589 Map: refreshing layers triggers reloading of styles
Thomas Junk <thomas.junk@intevation.de>
parents: 4252
diff changeset
483 this.loadStyles();
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
484 })
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
485 .catch(error => {
4869
6b054b91d9b2 backend not reachable as error message etd. Login adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 4868
diff changeset
486 let message = "Backend not reachable";
4868
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
487 if (error.response) {
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
488 const { status, data } = error.response;
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
489 message = `${status}: ${data.message || data}`;
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
490 }
3102
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
491 displayError({
4868
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
492 title: this.$gettext("Backend Error"),
008bc1ae8897 exception handling
Thomas Junk <thomas.junk@intevation.de>
parents: 4806
diff changeset
493 message: message
3102
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3086
diff changeset
494 });
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
495 });
3052
01210542e028 client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents: 3051
diff changeset
496 },
01210542e028 client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents: 3051
diff changeset
497 destroyed() {
01210542e028 client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents: 3051
diff changeset
498 this.$store.commit("map/removeOpenLayersMap", this.map);
3011
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
499 }
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
500 };
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
501 </script>