Mercurial > gemma
annotate client/src/store/map.js @ 3259:985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 14 May 2019 19:29:45 +0200 |
parents | 48801e13ef18 |
children | 916d4c898f08 |
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 |
2985
1b8bb4f89227
client: removed .js and .vue extention from imports
Markus Kottlaender <markus@intevation.de>
parents:
2957
diff
changeset
|
17 import Draw from "ol/interaction/Draw"; |
3006
44493664d40e
client: refactored layers config
Markus Kottlaender <markus@intevation.de>
parents:
2997
diff
changeset
|
18 import { Stroke, Style, Fill, Circle } from "ol/style"; |
1158
da75faa8043f
added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents:
1144
diff
changeset
|
19 import { fromLonLat } from "ol/proj"; |
2985
1b8bb4f89227
client: removed .js and .vue extention from imports
Markus Kottlaender <markus@intevation.de>
parents:
2957
diff
changeset
|
20 import { getLength, getArea } from "ol/sphere"; |
1b8bb4f89227
client: removed .js and .vue extention from imports
Markus Kottlaender <markus@intevation.de>
parents:
2957
diff
changeset
|
21 import { transformExtent } from "ol/proj"; |
2132
7a2eedc182f7
staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents:
2125
diff
changeset
|
22 import bbox from "@turf/bbox"; |
2947
a6eea3002e6e
client: cleanup import paths
Fadi Abbud <fadi.abbud@intevation.de>
parents:
2932
diff
changeset
|
23 import app from "@/main"; |
3029
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
24 import { HTTP } from "@/lib/http"; |
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
25 import Feature from "ol/Feature"; |
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
26 import Point from "ol/geom/Point"; |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
27 import { toLonLat } from "ol/proj"; |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
28 |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
29 // initial state |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
30 const init = () => { |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
31 return { |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
32 openLayersMaps: [], |
3086
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3081
diff
changeset
|
33 syncedMaps: [], |
3063
333aff79197d
client: maps: all map's views are now synced
Markus Kottlaender <markus@intevation.de>
parents:
3062
diff
changeset
|
34 syncedView: null, |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
35 mapPopup: null, |
2310
92b21df288e2
client: use user specific extent only on initial load
Markus Kottlaender <markus@intevation.de>
parents:
2309
diff
changeset
|
36 initialLoad: true, |
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
|
37 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
|
38 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
|
39 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
|
40 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
|
41 }, |
1140
2e06bc53b002
separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents:
1122
diff
changeset
|
42 identifiedFeatures: [], // map features identified by clicking on the map |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
43 identifiedCoordinates: null, |
1247
c14353e2cdb9
repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
1237
diff
changeset
|
44 currentMeasurement: null, // distance or area from line-/polygon-/cutTool |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
45 lineToolEnabled: false, |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
46 polygonToolEnabled: false, |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
47 cutToolEnabled: false, |
1927
5a37ee321651
client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents:
1879
diff
changeset
|
48 isolinesLegendImgDataURL: "", |
3006
44493664d40e
client: refactored layers config
Markus Kottlaender <markus@intevation.de>
parents:
2997
diff
changeset
|
49 differencesLegendImgDataURL: "" |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
50 }; |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
51 }; |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
52 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
53 export default { |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
54 init, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
55 namespaced: true, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
56 state: init(), |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
57 getters: { |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
58 openLayersMap: state => id => { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
59 return state.openLayersMaps.find( |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
60 map => map.getTarget() === "map-" + (id || "main") |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
61 ); |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
62 }, |
2370
7fe2f5d334dc
client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents:
2314
diff
changeset
|
63 filteredIdentifiedFeatures: state => { |
7fe2f5d334dc
client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents:
2314
diff
changeset
|
64 return state.identifiedFeatures.filter(f => f.getId()); |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
65 } |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
66 }, |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
67 mutations: { |
2310
92b21df288e2
client: use user specific extent only on initial load
Markus Kottlaender <markus@intevation.de>
parents:
2309
diff
changeset
|
68 initialLoad: (state, initialLoad) => { |
92b21df288e2
client: use user specific extent only on initial load
Markus Kottlaender <markus@intevation.de>
parents:
2309
diff
changeset
|
69 state.initialLoad = initialLoad; |
92b21df288e2
client: use user specific extent only on initial load
Markus Kottlaender <markus@intevation.de>
parents:
2309
diff
changeset
|
70 }, |
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
|
71 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
|
72 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
|
73 }, |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
74 addOpenLayersMap: (state, map) => { |
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
75 state.openLayersMaps.push(map); |
1112
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
76 }, |
3052
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
77 removeOpenLayersMap: (state, map) => { |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
78 let index = state.openLayersMaps.findIndex( |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
79 m => m.getTarget() === map.getTarget() |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
80 ); |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
81 if (index !== -1) { |
3071
53082e5a198a
client: maps: fixed removing a map, added missing second param for splice
Markus Kottlaender <markus@intevation.de>
parents:
3069
diff
changeset
|
82 state.openLayersMaps.splice(index, 1); |
3052
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
83 } |
01210542e028
client: remove openlayers map objects after removing a map component from the view
Markus Kottlaender <markus@intevation.de>
parents:
3051
diff
changeset
|
84 }, |
3086
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3081
diff
changeset
|
85 syncedMaps: (state, ids) => { |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3081
diff
changeset
|
86 state.syncedMaps = ids; |
a69a8deb56fe
client: added button to sync/unsync maps when comparing sounding results
Markus Kottlaender <markus@intevation.de>
parents:
3081
diff
changeset
|
87 }, |
3063
333aff79197d
client: maps: all map's views are now synced
Markus Kottlaender <markus@intevation.de>
parents:
3062
diff
changeset
|
88 syncedView: (state, view) => { |
333aff79197d
client: maps: all map's views are now synced
Markus Kottlaender <markus@intevation.de>
parents:
3062
diff
changeset
|
89 state.syncedView = view; |
333aff79197d
client: maps: all map's views are now synced
Markus Kottlaender <markus@intevation.de>
parents:
3062
diff
changeset
|
90 }, |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
91 mapPopup: (state, popup) => { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
92 state.mapPopup = popup; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
93 }, |
1112
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
94 setIdentifiedFeatures: (state, identifiedFeatures) => { |
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
95 state.identifiedFeatures = identifiedFeatures; |
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
96 }, |
3029
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
97 addIdentifiedFeatures: (state, identifiedFeatures) => { |
3031 | 98 state.identifiedFeatures = state.identifiedFeatures.concat( |
99 identifiedFeatures | |
100 ); | |
3029
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
101 }, |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
102 identifiedCoordinates: (state, coordinates) => { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
103 state.identifiedCoordinates = coordinates; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
104 }, |
1112
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
105 setCurrentMeasurement: (state, measurement) => { |
2c3d32322126
moved identifystore properties to mapstore
Markus Kottlaender <markus@intevation.de>
parents:
1099
diff
changeset
|
106 state.currentMeasurement = measurement; |
1115
1b160eda22cf
moved drawMode to map store
Markus Kottlaender <markus@intevation.de>
parents:
1114
diff
changeset
|
107 }, |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
108 lineToolEnabled: (state, enabled) => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
109 state.lineToolEnabled = enabled; |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
110 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
111 let tool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
112 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
113 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
114 .find(i => i.get("id") === "linetool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
115 if (tool) { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
116 tool.setActive(enabled); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
117 } |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
118 }); |
1140
2e06bc53b002
separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents:
1122
diff
changeset
|
119 }, |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
120 polygonToolEnabled: (state, enabled) => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
121 state.polygonToolEnabled = enabled; |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
122 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
123 let tool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
124 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
125 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
126 .find(i => i.get("id") === "polygontool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
127 if (tool) { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
128 tool.setActive(enabled); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
129 } |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
130 }); |
1140
2e06bc53b002
separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents:
1122
diff
changeset
|
131 }, |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
132 cutToolEnabled: (state, enabled) => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
133 state.cutToolEnabled = enabled; |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
134 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
135 let tool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
136 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
137 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
138 .find(i => i.get("id") === "cuttool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
139 if (tool) { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
140 tool.setActive(enabled); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
141 } |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
142 }); |
1158
da75faa8043f
added central moveMap method to pan and zoom the map on certain events
Markus Kottlaender <markus@intevation.de>
parents:
1144
diff
changeset
|
143 }, |
1927
5a37ee321651
client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents:
1879
diff
changeset
|
144 isolinesLegendImgDataURL: (state, isolinesLegendImgDataURL) => { |
5a37ee321651
client: make isolines legend graphic internally availableo
Bernhard Reiter <bernhard@intevation.de>
parents:
1879
diff
changeset
|
145 state.isolinesLegendImgDataURL = isolinesLegendImgDataURL; |
2932
173ce013a021
layers: difference layer now contains legend
Thomas Junk <thomas.junk@intevation.de>
parents:
2910
diff
changeset
|
146 }, |
173ce013a021
layers: difference layer now contains legend
Thomas Junk <thomas.junk@intevation.de>
parents:
2910
diff
changeset
|
147 differencesLegendImgDataURL: (state, differencesLegendImgDataURL) => { |
173ce013a021
layers: difference layer now contains legend
Thomas Junk <thomas.junk@intevation.de>
parents:
2910
diff
changeset
|
148 state.differencesLegendImgDataURL = differencesLegendImgDataURL; |
1144 | 149 } |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
150 }, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
151 actions: { |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
152 openLayersMap({ state, commit, dispatch }, map) { |
3006
44493664d40e
client: refactored layers config
Markus Kottlaender <markus@intevation.de>
parents:
2997
diff
changeset
|
153 const drawVectorSrc = map.getLayer("DRAWTOOL").getSource(); |
44493664d40e
client: refactored layers config
Markus Kottlaender <markus@intevation.de>
parents:
2997
diff
changeset
|
154 const cutVectorSrc = map.getLayer("CUTTOOL").getSource(); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
155 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
156 // init line tool |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
157 const lineTool = new Draw({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
158 source: drawVectorSrc, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
159 type: "LineString", |
3259
985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
Markus Kottlaender <markus@intevation.de>
parents:
3256
diff
changeset
|
160 maxPoints: 2, |
985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
Markus Kottlaender <markus@intevation.de>
parents:
3256
diff
changeset
|
161 stopClick: true |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
162 }); |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
163 lineTool.set("id", "linetool"); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
164 lineTool.setActive(false); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
165 lineTool.on("drawstart", () => { |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
166 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
167 m.getLayer("DRAWTOOL") |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
168 .getSource() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
169 .clear(); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
170 }); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
171 commit("setCurrentMeasurement", null); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
172 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
173 lineTool.on("drawend", event => { |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
174 commit("setCurrentMeasurement", { |
1524
a0a16577261a
Translation: mark some strings for translation
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1438
diff
changeset
|
175 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
|
176 unitSymbol: "m", |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
177 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
|
178 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
179 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
|
180 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
181 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
182 // init polygon tool |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
183 const polygonTool = new Draw({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
184 source: drawVectorSrc, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
185 type: "Polygon", |
3259
985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
Markus Kottlaender <markus@intevation.de>
parents:
3256
diff
changeset
|
186 maxPoints: 50, |
985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
Markus Kottlaender <markus@intevation.de>
parents:
3256
diff
changeset
|
187 stopClick: true |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
188 }); |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
189 polygonTool.set("id", "polygontool"); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
190 polygonTool.setActive(false); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
191 polygonTool.on("drawstart", () => { |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
192 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
193 m.getLayer("DRAWTOOL") |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
194 .getSource() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
195 .clear(); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
196 }); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
197 commit("setCurrentMeasurement", null); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
198 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
199 polygonTool.on("drawend", event => { |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
200 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
|
201 commit("setCurrentMeasurement", { |
1524
a0a16577261a
Translation: mark some strings for translation
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1438
diff
changeset
|
202 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
|
203 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
|
204 value: |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
205 areaSize > 100000 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
206 ? 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
|
207 : Math.round(areaSize) |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
208 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
209 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
|
210 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
211 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
212 // init cut tool |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
213 const cutTool = new Draw({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
214 source: cutVectorSrc, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
215 type: "LineString", |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
216 maxPoints: 2, |
3259
985bc5009115
client: prevent mutual intefering between draw tools and identify tool on openlayers api level
Markus Kottlaender <markus@intevation.de>
parents:
3256
diff
changeset
|
217 stopClick: true, |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
218 style: new Style({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
219 stroke: new Stroke({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
220 color: "#444", |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
221 width: 2, |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
222 lineDash: [7, 7] |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
223 }), |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
224 image: new Circle({ |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
225 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
|
226 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
|
227 radius: 6 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
228 }) |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
229 }) |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
230 }); |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
231 cutTool.set("id", "cuttool"); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
232 cutTool.setActive(false); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
233 cutTool.on("drawstart", () => { |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
234 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
235 m.getLayer("CUTTOOL") |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
236 .getSource() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
237 .clear(); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
238 }); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
239 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
240 cutTool.on("drawend", event => { |
1395
210e9f16f8a0
delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents:
1363
diff
changeset
|
241 commit("fairwayprofile/selectedCut", null, { root: true }); |
3069
766384d0ed7a
client: identify tool: removed distinct enable flag, identify is enabled as long as no other tools are active
Markus Kottlaender <markus@intevation.de>
parents:
3063
diff
changeset
|
242 dispatch("fairwayprofile/cut", event.feature, { root: true }); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
243 }); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
244 |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
245 map.addInteraction(lineTool); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
246 map.addInteraction(cutTool); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
247 map.addInteraction(polygonTool); |
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
248 |
3062
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
249 // If there are multiple maps and you enable one of the draw tools, when |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
250 // moving the mouse to another map, the cursor for the draw tool stays |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
251 // visible in the first map, right next to the edge where the cursor left |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
252 // the map. So here we disable all draw layers except the ones in the map |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
253 // that the user currently hovering with the mouse. |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
254 map.getTargetElement().addEventListener("mouseenter", () => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
255 if ( |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
256 state.lineToolEnabled || |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
257 state.polygonToolEnabled || |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
258 state.cutToolEnabled |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
259 ) { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
260 state.openLayersMaps.forEach(m => { |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
261 let lineTool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
262 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
263 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
264 .find(i => i.get("id") === "linetool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
265 let polygonTool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
266 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
267 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
268 .find(i => i.get("id") === "polygontool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
269 let cutTool = m |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
270 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
271 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
272 .find(i => i.get("id") === "cuttool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
273 if (lineTool) lineTool.setActive(false); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
274 if (polygonTool) polygonTool.setActive(false); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
275 if (cutTool) cutTool.setActive(false); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
276 }); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
277 let lineTool = map |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
278 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
279 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
280 .find(i => i.get("id") === "linetool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
281 let polygonTool = map |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
282 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
283 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
284 .find(i => i.get("id") === "polygontool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
285 let cutTool = map |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
286 .getInteractions() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
287 .getArray() |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
288 .find(i => i.get("id") === "cuttool"); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
289 if (lineTool && state.lineToolEnabled) lineTool.setActive(true); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
290 if (polygonTool && state.polygonToolEnabled) |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
291 polygonTool.setActive(true); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
292 if (cutTool && state.cutToolEnabled) cutTool.setActive(true); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
293 } |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
294 }); |
87e0422cffa7
client: draw/cut tools work now with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3054
diff
changeset
|
295 |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
296 commit("addOpenLayersMap", map); |
1435
7fa030127b05
fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents:
1395
diff
changeset
|
297 }, |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
298 initIdentifyTool({ state, rootState, commit, dispatch }, map) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
299 map.on(["singleclick", "dblclick"], event => { |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
300 commit( |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
301 "identifiedCoordinates", |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
302 toLonLat(event.coordinate, map.getView().getProjection()) |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
303 ); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
304 state.mapPopup.setPosition(undefined); |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
305 commit("setIdentifiedFeatures", []); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
306 // checking our WFS layers |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
307 var features = map.getFeaturesAtPixel(event.pixel, { hitTolerance: 7 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
308 if (features) { |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
309 let all = []; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
310 let bottlenecks = []; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
311 let gauges = []; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
312 let stretches = []; |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
313 let sections = []; |
1435
7fa030127b05
fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents:
1395
diff
changeset
|
314 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
315 for (let feature of features) { |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
316 // avoid identifying the same feature twice |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
317 if (all.findIndex(f => f.getId() === feature.getId()) === -1) |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
318 all.push(feature); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
319 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
320 let id = feature.getId(); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
321 // RegExp.prototype.test() works with number, str and undefined |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
322 // get selected bottleneck |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
323 if (/^bottlenecks/.test(id)) bottlenecks.push(feature); |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
324 // get selected gauge |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
325 if (/^gauges/.test(id)) gauges.push(feature); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
326 // get selected stretch |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
327 if (/^stretches/.test(id)) stretches.push(feature); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
328 // get selected section |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
329 if (/^sections/.test(id)) sections.push(feature); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
330 } |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
331 |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
332 commit("setIdentifiedFeatures", all); |
1437
1cd1549aab47
fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents:
1435
diff
changeset
|
333 |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
334 // Decide whether we open a related dialog immediately or show the |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
335 // popup with possible options first. |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
336 // The following cases require a manual decision via the popup because |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
337 // the targeted feature is not clear. |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
338 if ( |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
339 bottlenecks.length || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
340 gauges.length > 1 || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
341 stretches.length > 1 || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
342 sections.length > 1 || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
343 (sections.length && stretches.length) || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
344 (gauges.length && sections.length) || |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
345 (gauges.length && stretches.length) |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
346 ) { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
347 state.mapPopup.setMap(map); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
348 state.mapPopup.setPosition(event.coordinate); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
349 } |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
350 // The following scenarios lead to a distinct action without popup. |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
351 if ( |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
352 gauges.length === 1 && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
353 !bottlenecks.length && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
354 !sections.length && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
355 !stretches.length |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
356 ) { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
357 commit("application/showGauges", true, { root: true }); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
358 dispatch("gauges/selectedGaugeISRS", gauges[0].get("isrs_code"), { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
359 root: true |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
360 }); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
361 } |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
362 if ( |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
363 stretches.length === 1 && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
364 !sections.length && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
365 !bottlenecks.length && |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
366 !gauges.length |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
367 ) { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
368 if (rootState.imports.selectedStretchId === stretches[0].getId()) { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
369 commit("imports/selectedStretchId", null, { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
370 root: true |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
371 }); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
372 } else { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
373 commit("application/showStatistics", true, { root: true }); |
3207
ba7bc3740fb3
client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents:
3206
diff
changeset
|
374 commit("fairwayavailability/type", "stretches", { root: true }); |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
375 commit("imports/selectedStretchId", stretches[0].getId(), { |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
376 root: true |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
377 }); |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
378 dispatch("moveToFeauture", { feature: stretches[0], zoom: 17 }); |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
379 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
380 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
381 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
382 |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
383 // DEBUG output and example how to remove the GeometryName |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
384 /* |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
385 for (let feature of features) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
386 console.log("Identified:", feature.getId()); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
387 for (let key of feature.getKeys()) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
388 if (key != feature.getGeometryName()) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
389 console.log(key, feature.get(key)); |
1437
1cd1549aab47
fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents:
1435
diff
changeset
|
390 } |
1cd1549aab47
fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents:
1435
diff
changeset
|
391 } |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
392 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
393 */ |
1435
7fa030127b05
fixed panning problem
Markus Kottlaender <markus@intevation.de>
parents:
1395
diff
changeset
|
394 |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
395 let currentResolution = map.getView().getResolution(); |
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
396 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
397 var waterwayAxisSource = map.getLayer("WATERWAYAXIS").getSource(); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
398 var waxisUrl = waterwayAxisSource.getGetFeatureInfoUrl( |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
399 event.coordinate, |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
400 currentResolution /* resolution */, |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
401 "EPSG:3857", |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
402 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
403 { INFO_FORMAT: "application/json" } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
404 ); |
3047
e0b77d7463e7
Changed Waterway axis and area layer to WMS.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3044
diff
changeset
|
405 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
406 if (waxisUrl) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
407 // cannot directly query here because of SOP |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
408 HTTP.get(waxisUrl, { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
409 headers: { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
410 "X-Gemma-Auth": localStorage.getItem("token") |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
411 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
412 }).then(response => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
413 let features = response.data.features.map(f => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
414 let feat = new Feature({ |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
415 geometry: new Point(f.geometry.coordinates) |
3047
e0b77d7463e7
Changed Waterway axis and area layer to WMS.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3044
diff
changeset
|
416 }); |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
417 feat.setId(f.id); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
418 feat.setProperties(f.properties); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
419 return feat; |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
420 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
421 commit("addIdentifiedFeatures", features); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
422 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
423 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
424 var waterwayAreaSource = map.getLayer("WATERWAYAREA").getSource(); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
425 var wareaUrl = waterwayAreaSource.getGetFeatureInfoUrl( |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
426 event.coordinate, |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
427 currentResolution /* resolution */, |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
428 "EPSG:3857", |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
429 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
430 { INFO_FORMAT: "application/json" } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
431 ); |
3047
e0b77d7463e7
Changed Waterway axis and area layer to WMS.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3044
diff
changeset
|
432 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
433 if (wareaUrl) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
434 HTTP.get(wareaUrl, { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
435 headers: { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
436 "X-Gemma-Auth": localStorage.getItem("token") |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
437 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
438 }).then(response => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
439 let features = response.data.features.map(f => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
440 let feat = new Feature({ |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
441 geometry: new Point(f.geometry.coordinates) |
3047
e0b77d7463e7
Changed Waterway axis and area layer to WMS.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3044
diff
changeset
|
442 }); |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
443 feat.setId(f.id); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
444 feat.setProperties(f.properties); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
445 return feat; |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
446 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
447 commit("addIdentifiedFeatures", features); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
448 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
449 } |
3081
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
450 var dmSource = map.getLayer("DISTANCEMARKS").getSource(); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
451 var dmUrl = dmSource.getGetFeatureInfoUrl( |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
452 event.coordinate, |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
453 currentResolution /* resolution */, |
3081
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
454 "EPSG:3857", |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
455 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
456 { INFO_FORMAT: "application/json" } |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
457 ); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
458 |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
459 if (dmUrl) { |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
460 HTTP.get(dmUrl + "&BUFFER=5", { |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
461 headers: { |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
462 "X-Gemma-Auth": localStorage.getItem("token") |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
463 } |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
464 }).then(response => { |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
465 let features = response.data.features.map(f => { |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
466 let feat = new Feature({ |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
467 geometry: new Point(f.geometry.coordinates) |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
468 }); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
469 feat.setId(f.id); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
470 feat.setProperties(f.properties); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
471 return feat; |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
472 }); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
473 commit("addIdentifiedFeatures", features); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
474 }); |
9107c959bb3b
client: Changed distance marks ashore to WMS layer.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3079
diff
changeset
|
475 } |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
476 var dmaSource = map.getLayer("DISTANCEMARKSAXIS").getSource(); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
477 var dmaUrl = dmaSource.getGetFeatureInfoUrl( |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
478 event.coordinate, |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
479 currentResolution /* resolution */, |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
480 "EPSG:3857", |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
481 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
482 { INFO_FORMAT: "application/json" } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
483 ); |
3029
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
484 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
485 if (dmaUrl) { |
3078
71129566acdf
client: Increased click radius for distance marks feature info.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3071
diff
changeset
|
486 HTTP.get(dmaUrl + "&BUFFER=5", { |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
487 headers: { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
488 "X-Gemma-Auth": localStorage.getItem("token") |
3029
81c2e561fe03
Use distance marks an axis via WMS. Added legend and featureinfo.
Raimund Renkert <raimund.renkert@intevation.de>
parents:
3006
diff
changeset
|
489 } |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
490 }).then(response => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
491 let features = response.data.features.map(f => { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
492 let feat = new Feature({ |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
493 geometry: new Point(f.geometry.coordinates) |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
494 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
495 feat.setId(f.id); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
496 feat.setProperties(f.properties); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
497 return feat; |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
498 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
499 commit("addIdentifiedFeatures", features); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
500 }); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
501 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
502 // trying the GetFeatureInfo way for WMS |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
503 var iecdisSource = map.getLayer("INLANDECDIS").getSource(); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
504 var iecdisUrl = iecdisSource.getGetFeatureInfoUrl( |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
505 event.coordinate, |
3256
48801e13ef18
client: identify: made identification of image layers work with current map resolution
Markus Kottlaender <markus@intevation.de>
parents:
3207
diff
changeset
|
506 currentResolution /* resolution */, |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
507 "EPSG:3857", |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
508 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
509 { INFO_FORMAT: "text/plain" } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
510 ); |
1437
1cd1549aab47
fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents:
1435
diff
changeset
|
511 |
3051
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
512 if (iecdisUrl) { |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
513 // cannot directly query here because of SOP |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
514 console.log("GetFeatureInfo url:", iecdisUrl); |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
515 } |
051a3f446ac2
client: made identify tool work with multiple maps
Markus Kottlaender <markus@intevation.de>
parents:
3047
diff
changeset
|
516 }); |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
517 }, |
3181
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
518 moveToBoundingBox( |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
519 { state }, |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
520 { boundingBox, zoom, preventZoomOut, duration } |
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
521 ) { |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
522 const extent = transformExtent(boundingBox, "EPSG:4326", "EPSG:3857"); |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
523 const currentZoom = state.syncedView.getZoom(); |
3054
1ef2f4179d30
client: map store: merged/renamed method(s)
Markus Kottlaender <markus@intevation.de>
parents:
3053
diff
changeset
|
524 zoom = zoom || currentZoom; |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
525 state.syncedView.fit(extent, { |
3054
1ef2f4179d30
client: map store: merged/renamed method(s)
Markus Kottlaender <markus@intevation.de>
parents:
3053
diff
changeset
|
526 maxZoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom, |
3181
c122a064fd5e
client: map: fixed loading animation for layers
Markus Kottlaender <markus@intevation.de>
parents:
3177
diff
changeset
|
527 duration: duration || 700 |
3054
1ef2f4179d30
client: map store: merged/renamed method(s)
Markus Kottlaender <markus@intevation.de>
parents:
3053
diff
changeset
|
528 }); |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
529 }, |
3054
1ef2f4179d30
client: map store: merged/renamed method(s)
Markus Kottlaender <markus@intevation.de>
parents:
3053
diff
changeset
|
530 moveToFeauture({ dispatch }, { feature, zoom, preventZoomOut }) { |
3204
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
531 const boundingBox = feature.hasOwnProperty("geometry") |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
532 ? bbox(feature.geometry) |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
533 : feature |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
534 .getGeometry() |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
535 .clone() |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
536 .transform("EPSG:3857", "EPSG:4326") |
1253fe15e3e3
client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents:
3181
diff
changeset
|
537 .getExtent(); |
3053
61e4feb04a35
client: avoid code duplication
Markus Kottlaender <markus@intevation.de>
parents:
3052
diff
changeset
|
538 dispatch("moveToBoundingBox", { boundingBox, zoom, preventZoomOut }); |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
539 }, |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
540 moveMap({ state }, { coordinates, zoom, preventZoomOut }) { |
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
541 const currentZoom = state.syncedView.getZoom(); |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
542 zoom = zoom || currentZoom; |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
543 state.syncedView.animate({ |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
544 zoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom, |
3079
57255fda7594
client: compare surveys on map
Markus Kottlaender <markus@intevation.de>
parents:
3078
diff
changeset
|
545 center: fromLonLat(coordinates, state.syncedView.getProjection()), |
3044
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
546 duration: 700 |
c71373594719
client: map: prepared store to hold multiple map objects
Markus Kottlaender <markus@intevation.de>
parents:
3043
diff
changeset
|
547 }); |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
548 } |
585
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
549 } |
ef307bd6b5d8
refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
550 }; |