gemma: client/src/components/map/Map.vue annotate

annotate client/src/components/map/Map.vue @ 4022:efe0904b1d45

Change of ECDIS no longer requires reload When the maps are initialized, the source of th ECDIS is retireved from the store. When a change of the configuration is made, the store is updated.

author	Thomas Junk <thomas.junk@intevation.de>
date	Mon, 22 Jul 2019 13:28:04 +0200
parents	5d4edf268aec
children	be34d02cff73

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
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	274 HTTP.get("/system/style/Bottlenecks/stroke", {
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 => {
3102 a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	278 let btlnStrokeC = response.data.code;
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	279 HTTP.get("/system/style/Bottlenecks/fill", {
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	280 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	281 })
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	282 .then(response => {
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	283 let btlnFillC = response.data.code;
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	284 var newStyle = new Style({
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	285 stroke: new Stroke({
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	286 color: btlnStrokeC,
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	287 width: 4
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	288 }),
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	289 fill: new Fill({
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	290 color: btlnFillC
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	291 })
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	292 });
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	293 this.layers.get("BOTTLENECKS").setStyle(newStyle);
3852 8acabf1f176f client: refresh map layer sources whenever map component is mounted Markus Kottlaender <markus@intevation.de> parents: 3685 diff changeset	294
8acabf1f176f client: refresh map layer sources whenever map component is mounted Markus Kottlaender <markus@intevation.de> parents: 3685 diff changeset	295 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	296 })
3102 a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	297 .catch(error => {
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	298 console.log(error);
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	299 });
3011 fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	300 })
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	301 .catch(error => {
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	302 console.log(error);
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	303 });
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	304 })
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	305 .catch(error => {
3102 a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	306 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	307 displayError({
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	308 title: "Backend Error",
a9c7825303b3 layers: Code for provisioning a dynamic URL for OSM etd. Thomas Junk <thomas.junk@intevation.de> parents: 3086 diff changeset	309 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	310 });
3011 fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	311 });
3052 01210542e028 client: remove openlayers map objects after removing a map component from the view Markus Kottlaender <markus@intevation.de> parents: 3051 diff changeset	312 },
01210542e028 client: remove openlayers map objects after removing a map component from the view Markus Kottlaender <markus@intevation.de> parents: 3051 diff changeset	313 destroyed() {
01210542e028 client: remove openlayers map objects after removing a map component from the view Markus Kottlaender <markus@intevation.de> parents: 3051 diff changeset	314 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	315 }
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	316 };
fc8fbea24568 client: moved map component, layer factory and styles to own subdirectory Markus Kottlaender <markus@intevation.de> parents: diff changeset	317 </script>

Mercurial > gemma

annotate client/src/components/map/Map.vue @ 4022:efe0904b1d45