Mercurial > gemma
annotate client/src/components/map/Map.vue @ 4210:8962a25d4290 stylesconfig
styles-config: implement layers-styling on the map
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Thu, 15 Aug 2019 12:10:27 +0200 |
parents | 9264d6405b4d |
children | 27434b0d4d96 |
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 */ |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
38 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
|
39 import { mapState } from "vuex"; |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
40 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
|
41 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
|
42 import { displayError } from "@/lib/errors"; |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
43 import { pane } from "@/lib/mixins"; |
3685
8775bea8042a
client: layers: unset layer config on logout
Markus Kottlaender <markus@intevation.de>
parents:
3548
diff
changeset
|
44 import { layerFactory } from "@/components/map/layers"; |
4022
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
45 import { ImageWMS as ImageSource } from "ol/source"; |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
46 import "ol/ol.css"; |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
47 |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
48 /* for the sake of debugging */ |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
49 /* eslint-disable no-console */ |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
50 export default { |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
51 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
|
52 components: { |
3166
286c2e3cc105
client: moved Zoom component to map subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
3165
diff
changeset
|
53 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
|
54 }, |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
55 data() { |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
56 return { |
3182
77fc44ad05e3
client: removed old splitscreen code
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
57 map: null |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
58 }; |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 }, |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 computed: { |
3086
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
61 ...mapState("map", ["initialLoad", "extent", "syncedMaps", "syncedView"]), |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 ...mapState("bottlenecks", ["selectedSurvey"]), |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
63 ...mapState("fairwayprofile", ["additionalSurvey"]), |
4022
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
64 ...mapState("application", ["paneSetup", "paneRotate", "config"]), |
3309
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
65 ...mapState("imports", ["selectedStretchId", "selectedSectionId"]), |
3021
2e2a271c1026
client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents:
3016
diff
changeset
|
66 layers() { |
3685
8775bea8042a
client: layers: unset layer config on logout
Markus Kottlaender <markus@intevation.de>
parents:
3548
diff
changeset
|
67 return layerFactory(this.paneId); |
3021
2e2a271c1026
client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents:
3016
diff
changeset
|
68 }, |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 hasActiveInteractions() { |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
70 return ( |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
71 this.map && |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3057
diff
changeset
|
72 this.map |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3057
diff
changeset
|
73 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3057
diff
changeset
|
74 .getArray() |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
75 .filter( |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
76 i => |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
77 ["linetool", "polygontool", "cuttool"].includes(i.get("id")) && |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
78 i.getActive() |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
79 ).length |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
80 ); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
81 } |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
82 }, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
83 watch: { |
3146
b6cc4838d2c0
client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
3109
diff
changeset
|
84 paneSetup() { |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
85 this.$nextTick(() => this.map.updateSize()); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
86 }, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
87 paneRotate() { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
88 this.$nextTick(() => this.map.updateSize()); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
89 }, |
3086
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
90 syncedMaps(syncedMaps) { |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
91 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
|
92 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
|
93 } else { |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
94 this.map.setView( |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
95 new View({ |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
96 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
|
97 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
|
98 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
|
99 projection: "EPSG:3857" |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
100 }) |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
101 ); |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
102 } |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
103 }, |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
104 selectedSurvey(survey) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
105 if (this.paneId === "main") { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
106 if (survey) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
107 this.updateBottleneckFilter(survey.bottleneck_id, survey.date_info); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
108 } else { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
109 this.updateBottleneckFilter("does_not_exist", "1999-10-01"); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
110 } |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3057
diff
changeset
|
111 } |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
112 }, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
113 additionalSurvey(survey) { |
3146
b6cc4838d2c0
client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
3109
diff
changeset
|
114 if (this.paneId === "compare-survey") { |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
115 if (survey) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
116 this.updateBottleneckFilter(survey.bottleneck_id, survey.date_info); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
117 } else { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
118 this.updateBottleneckFilter("does_not_exist", "1999-10-01"); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
119 } |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
120 } |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
121 }, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
122 selectedStretchId(id) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
123 this.layers |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
124 .get("STRETCHES") |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
125 .getSource() |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
126 .getFeatures() |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
127 .forEach(f => { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
128 f.set("highlighted", false); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
129 if (id === f.getId()) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
130 f.set("highlighted", true); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
131 } |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
132 }); |
3309
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
133 }, |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
134 selectedSectionId(id) { |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
135 this.layers |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
136 .get("SECTIONS") |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
137 .getSource() |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
138 .getFeatures() |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
139 .forEach(f => { |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
140 f.set("highlighted", false); |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
141 if (id === f.getId()) { |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
142 f.set("highlighted", true); |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
143 } |
80037790032d
client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents:
3270
diff
changeset
|
144 }); |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
145 } |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
146 }, |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
147 methods: { |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
148 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
|
149 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
|
150 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
|
151 if (exists) { |
3021
2e2a271c1026
client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents:
3016
diff
changeset
|
152 this.layers |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
153 .get("BOTTLENECKISOLINE") |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
154 .getSource() |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
155 .updateParams({ |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
156 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
|
157 }); |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
158 } |
3021
2e2a271c1026
client: fixed layer factory to actually serve different objects
Markus Kottlaender <markus@intevation.de>
parents:
3016
diff
changeset
|
159 this.layers.get("BOTTLENECKISOLINE").setVisible(exists); |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
160 }, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
161 initMap() { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
162 if (!this.syncedView) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
163 this.$store.commit( |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
164 "map/syncedView", |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
165 new View({ |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
166 center: [this.extent.lon, this.extent.lat], |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
167 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
|
168 zoom: this.extent.zoom, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
169 projection: "EPSG:3857" |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
170 }) |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
171 ); |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
172 } |
3181
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
173 |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
174 // 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
|
175 // 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
|
176 if (this.initialLoad) { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
177 this.$store.commit("map/initialLoad", false); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
178 var currentUser = this.$store.state.user.user; |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
179 HTTP.get("/users/" + currentUser, { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
180 headers: { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
181 "X-Gemma-Auth": localStorage.getItem("token"), |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
182 "Content-type": "text/xml; charset=UTF-8" |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
183 } |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
184 }) |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
185 .then(response => { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
186 this.mountMap(); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
187 this.$store.dispatch("map/moveToBoundingBox", { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
188 boundingBox: [ |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
189 response.data.extent.x1, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
190 response.data.extent.y1, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
191 response.data.extent.x2, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
192 response.data.extent.y2 |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
193 ], |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
194 zoom: 17, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
195 preventZoomOut: true, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
196 duration: 0 |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
197 }); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
198 }) |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
199 .catch(error => { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
200 const { status, data } = error.response; |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
201 displayError({ |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
202 title: this.$gettext("Backend Error"), |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
203 message: `${status}: ${data.message || data}` |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
204 }); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
205 }); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
206 } else { |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
207 this.mountMap(); |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
208 } |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
209 }, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
210 mountMap() { |
4022
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
211 const source = new ImageSource({ |
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
212 preload: 1, |
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
213 url: this.config.ecdis_wms_url, |
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
214 crossOrigin: "anonymous", |
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
215 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
|
216 }); |
efe0904b1d45
Change of ECDIS no longer requires reload
Thomas Junk <thomas.junk@intevation.de>
parents:
4003
diff
changeset
|
217 this.layers.get("INLANDECDIS").setSource(source); |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
218 this.map = new Map({ |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
219 layers: this.layers.config, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
220 target: "map-" + this.paneId, |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
221 controls: [], |
3086
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
222 view: |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
223 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
|
224 ? this.syncedView |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
225 : new View({ |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
226 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
|
227 minZoom: 5, |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
228 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
|
229 projection: "EPSG:3857" |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3079
diff
changeset
|
230 }) |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
231 }); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
232 this.map.getLayer = id => this.layers.get(id); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
233 // store map position on every move |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
234 // 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
|
235 this.map.on("moveend", event => { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
236 const center = event.map.getView().getCenter(); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
237 this.$store.commit("map/extent", { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
238 lat: center[1], |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
239 lon: center[0], |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
240 zoom: event.map.getView().getZoom() |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
241 }); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
242 }); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
243 this.$store.dispatch("map/openLayersMap", this.map); |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3077
diff
changeset
|
244 this.$store.dispatch("map/initIdentifyTool", this.map); |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
245 } |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
246 }, |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
247 mounted() { |
3102
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
248 // 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
|
249 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
|
250 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
|
251 }) |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
252 .then(response => { |
3270
d7bc51fd50b0
client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents:
3182
diff
changeset
|
253 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
|
254 this.layers |
d7bc51fd50b0
client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents:
3182
diff
changeset
|
255 .get("OPENSTREETMAP") |
d7bc51fd50b0
client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents:
3182
diff
changeset
|
256 .getSource() |
d7bc51fd50b0
client: map layers: integrated osm layer into main layer configuration file
Markus Kottlaender <markus@intevation.de>
parents:
3182
diff
changeset
|
257 .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
|
258 } |
3102
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
259 this.initMap(); |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
260 |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
261 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
|
262 this.updateBottleneckFilter( |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
263 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
|
264 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
|
265 ); |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
266 } |
3146
b6cc4838d2c0
client: implemented pane mechanic for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
3109
diff
changeset
|
267 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
|
268 this.updateBottleneckFilter( |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
269 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
|
270 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
|
271 ); |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
272 } |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
273 // load configured bottleneck colors |
4210
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
274 HTTP.get("/system/settings", { |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
275 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
|
276 }) |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
277 .then(response => { |
4210
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
278 let btlnStrokeC = response.data.bottlenecks_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
279 btlnFillC = response.data.bottlenecks_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
280 strFillC = response.data.stretches_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
281 strStrokeC = response.data.stretches_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
282 secStrokeC = response.data.sections_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
283 secFillC = response.data.sections_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
284 fwd1StrokeC = response.data.fairwaydimensionslos1_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
285 fwd1FillC = response.data.fairwaydimensionslos1_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
286 fwd2StrokeC = response.data.fairwaydimensionslos2_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
287 fwd2FillC = response.data.fairwaydimensionslos2_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
288 fwd3StrokeC = response.data.fairwaydimensionslos3_stroke, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
289 fwd3FillC = response.data.fairwaydimensionslos3_fill, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
290 wwpStokeC = response.data.waterwayprofiles_stroke; |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
291 let btlnStyle = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
292 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
293 color: btlnStrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
294 width: 4 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
295 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
296 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
297 color: btlnFillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
298 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
299 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
300 strStyle = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
301 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
302 color: strStrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
303 width: 2 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
304 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
305 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
306 color: strFillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
307 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
308 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
309 secStyle = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
310 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
311 color: secStrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
312 width: 5 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
313 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
314 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
315 color: secFillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
316 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
317 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
318 fwd1Style = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
319 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
320 color: fwd1StrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
321 width: 2 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
322 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
323 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
324 color: fwd1FillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
325 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
326 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
327 fwd2Style = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
328 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
329 color: fwd2StrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
330 width: 2 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
331 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
332 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
333 color: fwd2FillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
334 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
335 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
336 fwd3Style = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
337 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
338 color: fwd3StrokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
339 width: 2 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
340 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
341 fill: new Fill({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
342 color: fwd3FillC |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
343 }) |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
344 }), |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
345 wwpStyle = new Style({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
346 stroke: new Stroke({ |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
347 color: wwpStokeC, |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
348 lineDash: [5, 5], |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
349 width: 2 |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
350 }) |
4207
9264d6405b4d
styles-config: revert from changeset 4288:cd267ed8371e
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4206
diff
changeset
|
351 }); |
4210
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
352 this.layers.get("WATERWAYPROFILES").setStyle(wwpStyle); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
353 this.layers.get("FAIRWAYDIMENSIONSLOS1").setStyle(fwd1Style); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
354 this.layers.get("FAIRWAYDIMENSIONSLOS2").setStyle(fwd2Style); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
355 this.layers.get("FAIRWAYDIMENSIONSLOS3").setStyle(fwd3Style); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
356 this.layers.get("SECTIONS").setStyle(secStyle); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
357 this.layers.get("STRETCHES").setStyle(strStyle); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
358 this.layers.get("BOTTLENECKS").setStyle(btlnStyle); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
359 this.$store.commit("gauges/deleteNashSutcliffeCache"); |
8962a25d4290
styles-config: implement layers-styling on the map
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4207
diff
changeset
|
360 this.$store.dispatch("map/refreshLayers"); |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
361 }) |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
362 .catch(error => { |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
363 console.log(error); |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
364 }); |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
365 }) |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
366 .catch(error => { |
3102
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
367 const { status, data } = error.response; |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
368 displayError({ |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
369 title: "Backend Error", |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
370 message: `${status}: ${data.message || data}` |
a9c7825303b3
layers: Code for provisioning a dynamic URL for OSM etd.
Thomas Junk <thomas.junk@intevation.de>
parents:
3086
diff
changeset
|
371 }); |
3011
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
372 }); |
3052
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
373 }, |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
374 destroyed() { |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
375 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
|
376 } |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
377 }; |
fc8fbea24568
client: moved map component, layer factory and styles to own subdirectory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
378 </script> |