Mercurial > gemma

annotate client/src/store/map.js @ 2157:8be0fbac2297

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added layer for waterway profiles.
author Sascha Wilde <wilde@intevation.de>
date Fri, 08 Feb 2019 12:42:46 +0100
parents 55bedb39295a
children 69c49301d689
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1362
ca33ad696594 remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1361
diff changeset
1 /* This is Free Software under GNU Affero General Public License v >= 3.0
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
2 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1313
diff changeset
3 *
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
4 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
5 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1313
diff changeset
6 *
1927
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
7 * Copyright (C) 2018, 2019 by via donau
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
8 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
9 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1313
diff changeset
10 *
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
11 * Author(s):
1927
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
12 * * Bernhard Reiter <bernhard.reiter@intevation.de>
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
13 * * Markus Kottländer <markus@intevation.de>
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
14 * * Thomas Junk <thomas.junk@intevation.de>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
15 */
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 975
diff changeset
16
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
17 //import { HTTP } from "../lib/http";
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
18
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
19 import TileWMS from "ol/source/TileWMS.js";
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
20 import { Tile as TileLayer, Vector as VectorLayer } from "ol/layer.js";
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
21 import OSM from "ol/source/OSM";
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
22 import Draw from "ol/interaction/Draw.js";
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
23 import { Icon, Stroke, Style, Fill, Text, Circle } from "ol/style.js";
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
24 import VectorSource from "ol/source/Vector.js";
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
25 import Point from "ol/geom/Point.js";
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
26 import { bbox as bboxStrategy } from "ol/loadingstrategy";
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents: 1247
diff changeset
27 import { HTTP } from "../lib/http";
1158
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
28 import { fromLonLat } from "ol/proj";
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
29 import { getLength, getArea } from "ol/sphere.js";
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
30 import { unByKey } from "ol/Observable";
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
31 import { getCenter } from "ol/extent";
2132
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2125
diff changeset
32 import { transformExtent } from "ol/proj.js";
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2125
diff changeset
33 import bbox from "@turf/bbox";
1524
a0a16577261a Translation: mark some strings for translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1438
diff changeset
34 import app from "../main";
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
35
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
36 const LAYERS = {
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
37 OPENSTREETMAP: "Open Streetmap",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
38 INLANDECDIS: "Inland ECDIS chart Danube",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
39 WATERWAYAREA: "Waterway Area",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
40 STRETCHES: "Stretches",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
41 FAIRWAYDIMENSIONSLOS1: "Fairway Dimensions LOS 1",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
42 FAIRWAYDIMENSIONSLOS2: "Fairway Dimensions LOS 2",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
43 FAIRWAYDIMENSIONSLOS3: "Fairway Dimensions LOS 3",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
44 WATERWAYAXIS: "Waterway Axis",
2157
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
45 WATERWAYPROFILES: "Waterway Profiles",
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
46 BOTTLENECKS: "Bottlenecks",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
47 BOTTLENECKISOLINE: "Bottleneck isolines",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
48 DISTANCEMARKS: "Distance marks",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
49 DISTANCEMARKSAXIS: "Distance marks, Axis",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
50 DRAWTOOL: "Draw Tool",
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
51 CUTTOOL: "Cut Tool"
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
52 };
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
53
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
54 // initial state
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
55 const init = () => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
56 return {
783
ab9604a46075 client: add move after clicking search result
Bernhard Reiter <bernhard@intevation.de>
parents: 782
diff changeset
57 openLayersMap: null,
1313
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
58 extent: {
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
59 lat: 6155376,
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
60 lon: 1819178,
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
61 zoom: 11
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
62 },
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
63 identifyTool: null, // event binding (singleclick, dblclick)
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
64 identifiedFeatures: [], // map features identified by clicking on the map
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents: 1237
diff changeset
65 currentMeasurement: null, // distance or area from line-/polygon-/cutTool
1237
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
66 lineTool: null, // open layers interaction object (Draw)
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
67 polygonTool: null, // open layers interaction object (Draw)
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
68 cutTool: null, // open layers interaction object (Draw)
1927
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
69 isolinesLegendImgDataURL: "",
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
70 layers: [
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
71 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
72 name: LAYERS.OPENSTREETMAP,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
73 data: new TileLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
74 source: new OSM()
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
75 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
76 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
77 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
78 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
79 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
80 name: LAYERS.INLANDECDIS,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
81 data: new TileLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
82 source: new TileWMS({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
83 preload: 1,
1648
53f49b109f0c client: improve ECDIS WMS map loading
Bernhard Reiter <bernhard@intevation.de>
parents: 1645
diff changeset
84 url: "https://service.d4d-portal.info/wms/",
1874
bad32adafef2 client: add real pdf generation with jspdf
Bernhard Reiter <bernhard@intevation.de>
parents: 1643
diff changeset
85 crossOrigin: "anonymous",
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
86 params: { LAYERS: "d4d", VERSION: "1.1.1", TILED: true }
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
87 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
88 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
89 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
90 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
91 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
92 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
93 name: LAYERS.WATERWAYAREA,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
94 data: new VectorLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
95 source: new VectorSource({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
96 strategy: bboxStrategy
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
97 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
98 style: new Style({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
99 stroke: new Stroke({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
100 color: "rgba(0, 102, 0, 1)",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
101 width: 2
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
102 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
103 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
104 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
105 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
106 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
107 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
108 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
109 name: LAYERS.STRETCHES,
1943
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
110 data: new VectorLayer({
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
111 source: new VectorSource({
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
112 strategy: bboxStrategy
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
113 }),
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
114 style: new Style({
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
115 stroke: new Stroke({
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
116 color: "rgba(250, 200, 0, .8)",
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
117 width: 2
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
118 }),
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
119 fill: new Fill({
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
120 color: "rgba(250, 200, 10, .3)"
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
121 })
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
122 })
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
123 }),
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
124 isVisible: false,
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
125 showInLegend: true
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
126 },
52a6e63d5dcc Added stretches layer, removed WW-Area named.
Sascha Wilde <wilde@intevation.de>
parents: 1927
diff changeset
127 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
128 name: LAYERS.FAIRWAYDIMENSIONSLOS1,
1944
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
129 data: new VectorLayer({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
130 source: new VectorSource(),
2125
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
131 style: function() {
1944
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
132 return [
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
133 new Style({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
134 stroke: new Stroke({
2125
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
135 color: "rgba(76, 76, 255, 1.0)",
1944
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
136 width: 2
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
137 })
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
138 }),
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
139 new Style({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
140 text: new Text({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
141 font: 'bold 12px "Open Sans", "sans-serif"',
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
142 placement: "line",
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
143 fill: new Fill({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
144 color: "black"
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
145 }),
2125
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
146 text: "LOS: 1"
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
147 //, zIndex: 10
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
148 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
149 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
150 ];
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
151 }
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
152 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
153 isVisible: true,
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
154 showInLegend: true
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
155 },
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
156 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
157 name: LAYERS.FAIRWAYDIMENSIONSLOS2,
2125
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
158 data: new VectorLayer({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
159 source: new VectorSource(),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
160 style: function() {
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
161 return [
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
162 new Style({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
163 stroke: new Stroke({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
164 color: "rgba(38, 38, 127, 1.0)",
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
165 width: 2
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
166 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
167 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
168 new Style({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
169 text: new Text({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
170 font: 'bold 12px "Open Sans", "sans-serif"',
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
171 placement: "line",
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
172 fill: new Fill({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
173 color: "black"
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
174 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
175 text: "LOS: 2"
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
176 //, zIndex: 10
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
177 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
178 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
179 ];
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
180 }
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
181 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
182 isVisible: true,
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
183 showInLegend: true
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
184 },
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
185 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
186 name: LAYERS.FAIRWAYDIMENSIONSLOS3,
2125
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
187 data: new VectorLayer({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
188 source: new VectorSource(),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
189 style: function() {
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
190 return [
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
191 new Style({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
192 stroke: new Stroke({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
193 color: "rgba(0, 0, 255, 1.0)",
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
194 width: 2
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
195 })
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
196 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
197 new Style({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
198 text: new Text({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
199 font: 'bold 12px "Open Sans", "sans-serif"',
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
200 placement: "line",
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
201 fill: new Fill({
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
202 color: "black"
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
203 }),
ea5a0e771b71 Distinct fairway layers per LOS
Markus Kottlaender <markus@intevation.de>
parents: 2108
diff changeset
204 text: "LOS: 3"
1944
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
205 //, zIndex: 10
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
206 })
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
207 })
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
208 ];
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
209 }
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
210 }),
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
211 isVisible: true,
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
212 showInLegend: true
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
213 },
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
214 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
215 name: LAYERS.WATERWAYAXIS,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
216 data: new VectorLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
217 source: new VectorSource({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
218 strategy: bboxStrategy
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
219 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
220 style: new Style({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
221 stroke: new Stroke({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
222 color: "rgba(0, 0, 255, .5)",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
223 lineDash: [5, 5],
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
224 width: 2
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
225 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
226 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
227 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
228 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
229 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
230 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
231 {
2157
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
232 name: LAYERS.WATERWAYPROFILES,
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
233 data: new VectorLayer({
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
234 source: new VectorSource({
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
235 strategy: bboxStrategy
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
236 }),
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
237 style: new Style({
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
238 stroke: new Stroke({
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
239 color: "rgba(0, 0, 255, .5)",
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
240 lineDash: [5, 5],
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
241 width: 2
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
242 })
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
243 })
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
244 }),
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
245 isVisible: true,
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
246 showInLegend: true
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
247 },
8be0fbac2297 Added layer for waterway profiles.
Sascha Wilde <wilde@intevation.de>
parents: 2140
diff changeset
248 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
249 name: LAYERS.BOTTLENECKS,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
250 data: new VectorLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
251 source: new VectorSource({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
252 strategy: bboxStrategy
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
253 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
254 style: new Style({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
255 stroke: new Stroke({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
256 color: "rgba(230, 230, 10, .8)",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
257 width: 4
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
258 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
259 fill: new Fill({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
260 color: "rgba(230, 230, 10, .3)"
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
261 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
262 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
263 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
264 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
265 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
266 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
267 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
268 name: LAYERS.BOTTLENECKISOLINE,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
269 data: new TileLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
270 source: new TileWMS({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
271 preload: 0,
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
272 projection: "EPSG:3857",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
273 url: window.location.origin + "/api/internal/wms",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
274 params: {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
275 LAYERS: "sounding_results_contour_lines_geoserver",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
276 VERSION: "1.1.1",
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
277 TILED: true
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
278 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
279 tileLoadFunction: function(tile, src) {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
280 // console.log("calling for", tile, src);
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
281 HTTP.get(src, {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
282 headers: {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
283 "X-Gemma-Auth": localStorage.getItem("token")
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
284 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
285 responseType: "blob"
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
286 }).then(response => {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
287 tile.getImage().src = URL.createObjectURL(response.data);
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
288 });
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
289 } // TODO tile.setState(TileState.ERROR);
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
290 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
291 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
292 isVisible: false,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
293 showInLegend: true
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
294 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
295 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
296 name: LAYERS.DISTANCEMARKS,
1944
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
297 forLegendStyle: { point: true, resolution: 8 },
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
298 data: new VectorLayer({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
299 source: new VectorSource({
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
300 strategy: bboxStrategy
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
301 })
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
302 }),
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
303 isVisible: false,
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
304 showInLegend: true
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
305 },
ef1184654839 Order layers a bit less arbitrary.
Sascha Wilde <wilde@intevation.de>
parents: 1943
diff changeset
306 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
307 name: LAYERS.DISTANCEMARKSAXIS,
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
308 forLegendStyle: { point: true, resolution: 8 },
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
309 data: new VectorLayer({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
310 source: new VectorSource({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
311 strategy: bboxStrategy
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
312 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
313 style: function(feature, resolution) {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
314 if (resolution < 10) {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
315 var s = new Style({
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
316 image: new Circle({
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
317 radius: 5,
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
318 fill: new Fill({ color: "rgba(255, 0, 0, 0.1)" }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
319 stroke: new Stroke({ color: "blue", width: 1 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
320 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
321 });
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
322 if (resolution < 6) {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
323 s.setText(
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
324 new Text({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
325 offsetY: 12,
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
326 font: '10px "Open Sans", "sans-serif"',
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
327 fill: new Fill({
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
328 color: "black"
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
329 }),
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
330 text: (feature.get("hectometre") / 10).toString()
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
331 })
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
332 );
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
333 }
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
334 return s;
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
335 } else {
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
336 return [];
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
337 }
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
338 }
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
339 }),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
340 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
341 showInLegend: true
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
342 },
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
343 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
344 name: LAYERS.DRAWTOOL,
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
345 data: new VectorLayer({
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
346 source: new VectorSource({ wrapX: false }),
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
347 style: function(feature) {
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
348 // adapted from OpenLayer's LineString Arrow Example
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
349 var geometry = feature.getGeometry();
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
350 var styles = [
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
351 // linestring
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
352 new Style({
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
353 stroke: new Stroke({
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
354 color: "#369aca",
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
355 width: 2
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
356 })
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
357 })
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
358 ];
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
359
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
360 if (geometry.getType() === "LineString") {
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
361 geometry.forEachSegment(function(start, end) {
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
362 var dx = end[0] - start[0];
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
363 var dy = end[1] - start[1];
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
364 var rotation = Math.atan2(dy, dx);
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
365 // arrows
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
366 styles.push(
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
367 new Style({
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
368 geometry: new Point(end),
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
369 image: new Icon({
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
370 // we need to make sure the image is loaded by Vue Loader
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents: 1247
diff changeset
371 src: require("../assets/linestring_arrow.png"),
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
372 // fiddling with the anchor's y value does not help to
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
373 // position the image more centered on the line ending, as the
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
374 // default line style seems to be slightly uncentered in the
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
375 // anti-aliasing, but the image is not placed with subpixel
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
376 // precision
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
377 anchor: [0.75, 0.5],
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
378 rotateWithView: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
379 rotation: -rotation
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
380 })
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
381 })
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
382 );
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
383 });
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
384 }
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
385 return styles;
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
386 }
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
387 }),
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
388 isVisible: true,
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
389 showInLegend: false
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
390 },
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
391 {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
392 name: LAYERS.CUTTOOL,
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
393 data: new VectorLayer({
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
394 source: new VectorSource({ wrapX: false }),
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
395 style: function(feature) {
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
396 // adapted from OpenLayer's LineString Arrow Example
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
397 var geometry = feature.getGeometry();
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
398 var styles = [
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
399 // linestring
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
400 new Style({
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
401 stroke: new Stroke({
1197
49740dcba52c changed cut tool style
Markus Kottlaender <markus@intevation.de>
parents: 1158
diff changeset
402 color: "#333333",
49740dcba52c changed cut tool style
Markus Kottlaender <markus@intevation.de>
parents: 1158
diff changeset
403 width: 2,
49740dcba52c changed cut tool style
Markus Kottlaender <markus@intevation.de>
parents: 1158
diff changeset
404 lineDash: [7, 7]
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
405 })
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
406 })
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
407 ];
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
408
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
409 if (geometry.getType() === "LineString") {
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
410 geometry.forEachSegment(function(start, end) {
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
411 var dx = end[0] - start[0];
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
412 var dy = end[1] - start[1];
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
413 var rotation = Math.atan2(dy, dx);
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
414 // arrows
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
415 styles.push(
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
416 new Style({
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
417 geometry: new Point(end),
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
418 image: new Icon({
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
419 // we need to make sure the image is loaded by Vue Loader
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents: 1247
diff changeset
420 src: require("../assets/linestring_arrow_grey.png"),
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
421 // fiddling with the anchor's y value does not help to
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
422 // position the image more centered on the line ending, as the
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
423 // default line style seems to be slightly uncentered in the
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
424 // anti-aliasing, but the image is not placed with subpixel
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
425 // precision
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
426 anchor: [0.75, 0.5],
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
427 rotateWithView: true,
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
428 rotation: -rotation
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
429 })
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
430 })
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
431 );
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
432 });
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
433 }
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
434 return styles;
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
435 }
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
436 }),
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
437 isVisible: true,
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
438 showInLegend: false
1099
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
439 }
1f4799bab8a6 deleted layers/layers.js and moved content to map store
Markus Kottlaender <markus@intevation.de>
parents: 1096
diff changeset
440 ]
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
441 };
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
442 };
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
443
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
444 export default {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
445 init,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
446 namespaced: true,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
447 state: init(),
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
448 getters: {
1121
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
449 layersForLegend: state => {
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
450 return state.layers.filter(layer => layer.showInLegend);
035dc35e1dfc moved draw layer in map store's layers property
Markus Kottlaender <markus@intevation.de>
parents: 1115
diff changeset
451 },
754
105c421f99b1 refac: small improvements to code structure
Thomas Junk <thomas.junk@intevation.de>
parents: 747
diff changeset
452 getLayerByName: state => name => {
105c421f99b1 refac: small improvements to code structure
Thomas Junk <thomas.junk@intevation.de>
parents: 747
diff changeset
453 return state.layers.find(layer => layer.name === name);
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
454 },
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
455 getVSourceByName: (state, getters) => name => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
456 return getters.getLayerByName(name).data.getSource();
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
457 }
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
458 },
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
459 mutations: {
1313
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
460 extent: (state, extent) => {
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
461 state.extent = extent;
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area
Markus Kottlaender <markus@intevation.de>
parents: 1296
diff changeset
462 },
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
463 setLayerVisible: (state, name) => {
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
464 const layer = state.layers.findIndex(l => l.name === name);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
465 state.layers[layer].isVisible = true;
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
466 state.layers[layer].data.setVisible(true);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
467 },
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
468 setLayerInvisible: (state, name) => {
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
469 const layer = state.layers.findIndex(l => l.name === name);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
470 state.layers[layer].isVisible = false;
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
471 state.layers[layer].data.setVisible(false);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
472 },
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
473 toggleVisibilityByName: (state, name) => {
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
474 const layer = state.layers.findIndex(l => l.name === name);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
475 state.layers[layer].isVisible = !state.layers[layer].isVisible;
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
476 state.layers[layer].data.setVisible(state.layers[layer].isVisible);
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
477 },
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
478 toggleVisibility: (state, layer) => {
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
479 state.layers[layer].isVisible = !state.layers[layer].isVisible;
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
480 state.layers[layer].data.setVisible(state.layers[layer].isVisible);
770
c12ec7fde3f2 client: add simple identify top area box
Bernhard Reiter <bernhard@intevation.de>
parents: 754
diff changeset
481 },
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
482 openLayersMap: (state, map) => {
783
ab9604a46075 client: add move after clicking search result
Bernhard Reiter <bernhard@intevation.de>
parents: 782
diff changeset
483 state.openLayersMap = map;
1112
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
484 },
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
485 identifyTool: (state, events) => {
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
486 state.identifyTool = events;
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
487 },
1112
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
488 setIdentifiedFeatures: (state, identifiedFeatures) => {
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
489 state.identifiedFeatures = identifiedFeatures;
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
490 },
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
491 setCurrentMeasurement: (state, measurement) => {
2c3d32322126 moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents: 1099
diff changeset
492 state.currentMeasurement = measurement;
1115
1b160eda22cf moved drawMode to map store
Markus Kottlaender <markus@intevation.de>
parents: 1114
diff changeset
493 },
1237
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
494 lineTool: (state, lineTool) => {
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
495 state.lineTool = lineTool;
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
496 },
1237
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
497 polygonTool: (state, polygonTool) => {
74562dc29e10 refactored drawtool
Markus Kottlaender <markus@intevation.de>
parents: 1197
diff changeset
498 state.polygonTool = polygonTool;
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
499 },
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
500 cutTool: (state, cutTool) => {
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
501 state.cutTool = cutTool;
1158
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
502 },
2132
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2125
diff changeset
503 moveToExtent: (state, { feature, zoom, preventZoomOut }) => {
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2125
diff changeset
504 const boundingBox = bbox(feature.geometry);
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2125
diff changeset
505 const extent = transformExtent(boundingBox, "EPSG:4326", "EPSG:3857");
2108
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
506 let view = state.openLayersMap.getView();
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
507 const currentZoom = view.getZoom();
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
508 view.fit(extent, {
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
509 maxZoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom,
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
510 duration: 700
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
511 });
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2101
diff changeset
512 },
1158
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
513 moveMap: (state, { coordinates, zoom, preventZoomOut }) => {
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
514 let view = state.openLayersMap.getView();
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
515 const currentZoom = view.getZoom();
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
516 view.animate({
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
517 zoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom,
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
518 center: fromLonLat(coordinates, view.getProjection()),
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
519 duration: 700
da75faa8043f added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents: 1144
diff changeset
520 });
1927
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
521 },
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
522 isolinesLegendImgDataURL: (state, isolinesLegendImgDataURL) => {
5a37ee321651 client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents: 1879
diff changeset
523 state.isolinesLegendImgDataURL = isolinesLegendImgDataURL;
1144
5f98d0c9d738 linted code
Markus Kottlaender <markus@intevation.de>
parents: 1140
diff changeset
524 }
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
525 },
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
526 actions: {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
527 openLayersMap({ commit, dispatch, getters }, map) {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
528 const drawVectorSrc = getters.getVSourceByName("Draw Tool");
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
529 const cutVectorSrc = getters.getVSourceByName("Cut Tool");
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
530
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
531 // init line tool
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
532 const lineTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
533 source: drawVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
534 type: "LineString",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
535 maxPoints: 2
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
536 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
537 lineTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
538 lineTool.on("drawstart", () => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
539 drawVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
540 commit("setCurrentMeasurement", null);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
541 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
542 lineTool.on("drawend", event => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
543 commit("setCurrentMeasurement", {
1524
a0a16577261a Translation: mark some strings for translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1438
diff changeset
544 quantity: app.$gettext("Length"),
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
545 unitSymbol: "m",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
546 value: Math.round(getLength(event.feature.getGeometry()) * 10) / 10
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
547 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
548 commit("application/showIdentify", true, { root: true });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
549 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
550
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
551 // init polygon tool
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
552 const polygonTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
553 source: drawVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
554 type: "Polygon",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
555 maxPoints: 50
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
556 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
557 polygonTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
558 polygonTool.on("drawstart", () => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
559 drawVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
560 commit("setCurrentMeasurement", null);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
561 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
562 polygonTool.on("drawend", event => {
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
563 const areaSize = getArea(event.feature.getGeometry());
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
564 commit("setCurrentMeasurement", {
1524
a0a16577261a Translation: mark some strings for translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1438
diff changeset
565 quantity: app.$gettext("Area"),
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
566 unitSymbol: areaSize > 100000 ? "km²" : "m²",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
567 value:
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
568 areaSize > 100000
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
569 ? Math.round(areaSize / 1000) / 1000 // convert into 1 km² == 1000*1000 m² and round to 1000 m²
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
570 : Math.round(areaSize)
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
571 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
572 commit("application/showIdentify", true, { root: true });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
573 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
574
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
575 // init cut tool
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
576 const cutTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
577 source: cutVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
578 type: "LineString",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
579 maxPoints: 2,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
580 style: new Style({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
581 stroke: new Stroke({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
582 color: "#444",
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
583 width: 2,
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
584 lineDash: [7, 7]
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
585 }),
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
586 image: new Circle({
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
587 fill: new Fill({ color: "#333" }),
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
588 stroke: new Stroke({ color: "#fff", width: 1.5 }),
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
589 radius: 6
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
590 })
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
591 })
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
592 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
593 cutTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
594 cutTool.on("drawstart", () => {
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
595 dispatch("disableIdentifyTool");
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
596 cutVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
597 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
598 cutTool.on("drawend", event => {
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1363
diff changeset
599 commit("fairwayprofile/selectedCut", null, { root: true });
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
600 dispatch("fairwayprofile/cut", event.feature, { root: true }).then(() =>
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
601 // This setTimeout is an ugly workaround. If we would enable the
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
602 // identifyTool here immediately then the click event from ending the
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
603 // cut will trigger it. We don't want that.
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
604 setTimeout(() => dispatch("enableIdentifyTool"), 1000)
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
605 );
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
606 });
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
607
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
608 map.addInteraction(lineTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
609 map.addInteraction(cutTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
610 map.addInteraction(polygonTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
611
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
612 commit("lineTool", lineTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
613 commit("polygonTool", polygonTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
614 commit("cutTool", cutTool);
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
615 commit("openLayersMap", map);
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
616 },
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
617 disableIdentifyTool({ state }) {
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
618 unByKey(state.identifyTool);
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
619 state.identifyTool = null;
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
620 },
1438
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
621 enableIdentifyTool({ state, rootState, commit, dispatch, getters }) {
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
622 if (!state.identifyTool) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
623 state.identifyTool = state.openLayersMap.on(
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
624 ["singleclick", "dblclick"],
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
625 event => {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
626 commit("setIdentifiedFeatures", []);
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
627 // checking our WFS layers
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
628 var features = state.openLayersMap.getFeaturesAtPixel(event.pixel);
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
629 if (features) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
630 commit("setIdentifiedFeatures", features);
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
631
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
632 // get selected bottleneck from identified features
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
633 for (let feature of features) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
634 let id = feature.getId();
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
635 // RegExp.prototype.test() works with number, str and undefined
2133
602c2096c078 fix: bottleneckselection via identifytool
Thomas Junk <thomas.junk@intevation.de>
parents: 2132
diff changeset
636 if (/^bottlenecks/.test(id)) {
1438
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
637 if (
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
638 rootState.bottlenecks.selectedBottleneck !=
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
639 feature.get("objnam")
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
640 ) {
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
641 dispatch(
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
642 "bottlenecks/setSelectedBottleneck",
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
643 feature.get("objnam"),
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
644 { root: true }
1565
faa045ebdf0c select first surveydate after identification of bottleneck
Thomas Junk <thomas.junk@intevation.de>
parents: 1524
diff changeset
645 ).then(() => {
faa045ebdf0c select first surveydate after identification of bottleneck
Thomas Junk <thomas.junk@intevation.de>
parents: 1524
diff changeset
646 this.commit("bottlenecks/setFirstSurveySelected");
faa045ebdf0c select first surveydate after identification of bottleneck
Thomas Junk <thomas.junk@intevation.de>
parents: 1524
diff changeset
647 });
1438
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
648 commit("moveMap", {
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
649 coordinates: getCenter(
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
650 feature
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
651 .getGeometry()
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
652 .clone()
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
653 .transform("EPSG:3857", "EPSG:4326")
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
654 .getExtent()
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
655 ),
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
656 zoom: 17,
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
657 preventZoomOut: true
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
658 });
71eb96690f91 avoid unnecessary setSelectedBottleneck call
Markus Kottlaender <markus@intevation.de>
parents: 1437
diff changeset
659 }
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
660 }
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
661 }
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
662 }
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
663
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
664 // DEBUG output and example how to remove the GeometryName
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
665 /*
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
666 for (let feature of features) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
667 console.log("Identified:", feature.getId());
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
668 for (let key of feature.getKeys()) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
669 if (key != feature.getGeometryName()) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
670 console.log(key, feature.get(key));
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
671 }
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
672 }
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
673 }
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
674 */
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
675
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
676 // trying the GetFeatureInfo way for WMS
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
677 var wmsSource = getters.getVSourceByName(
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
678 "Inland ECDIS chart Danube"
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
679 );
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
680 var url = wmsSource.getGetFeatureInfoUrl(
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
681 event.coordinate,
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
682 100 /* resolution */,
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
683 "EPSG:3857",
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
684 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
685 { INFO_FORMAT: "text/plain" }
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
686 );
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
687
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
688 if (url) {
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
689 // cannot directly query here because of SOP
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
690 console.log("GetFeatureInfo url:", url);
1435
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
691 }
7fa030127b05 fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents: 1395
diff changeset
692 }
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
693 );
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
694 }
1296
99c039e86624 replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
695 }
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
696 }
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
697 };
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
698
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2133
diff changeset
699 export { LAYERS };