comparison client/src/components/map/layers.js @ 3030:3524bbc5067e

Use dingle tile WMS for ECDIS Layer and Max resolutions for some vector layers. -> Increases performance.
author Raimund Renkert <raimund.renkert@intevation.de>
date Fri, 12 Apr 2019 12:51:26 +0200
parents 81c2e561fe03
children f99f0cbb843f
comparison
equal deleted inserted replaced
3029:81c2e561fe03 3030:3524bbc5067e
67 id: "OPENSTREETMAP", 67 id: "OPENSTREETMAP",
68 label: "Open Streetmap", 68 label: "Open Streetmap",
69 visible: true, 69 visible: true,
70 source: new OSM() 70 source: new OSM()
71 }), 71 }),
72 new TileLayer({ 72 new ImageLayer({
73 id: "INLANDECDIS", 73 id: "INLANDECDIS",
74 label: "Inland ECDIS chart Danube", 74 label: "Inland ECDIS chart Danube",
75 visible: true, 75 visible: true,
76 source: new TileWMS({ 76 source: new ImageSource({
77 preload: 1, 77 preload: 1,
78 url: "https://service.d4d-portal.info/wms/", 78 url: "https://service.d4d-portal.info/wms/",
79 crossOrigin: "anonymous", 79 crossOrigin: "anonymous",
80 params: { LAYERS: "d4d", VERSION: "1.1.1", TILED: true } 80 params: { LAYERS: "d4d", VERSION: "1.1.1", TILED: true }
81 }) 81 })
144 return new VectorLayer({ 144 return new VectorLayer({
145 id: "FAIRWAYDIMENSIONSLOS1", 145 id: "FAIRWAYDIMENSIONSLOS1",
146 label: "LOS 1 Fairway Dimensions", 146 label: "LOS 1 Fairway Dimensions",
147 visible: false, 147 visible: false,
148 style: styles.fwd1, 148 style: styles.fwd1,
149 maxResolution: 80,
150 minResolution: 0,
149 source 151 source
150 }); 152 });
151 })(), 153 })(),
152 (function() { 154 (function() {
153 const source = new VectorSource(); 155 const source = new VectorSource();
164 return new VectorLayer({ 166 return new VectorLayer({
165 id: "FAIRWAYDIMENSIONSLOS2", 167 id: "FAIRWAYDIMENSIONSLOS2",
166 label: "LOS 2 Fairway Dimensions", 168 label: "LOS 2 Fairway Dimensions",
167 visible: false, 169 visible: false,
168 style: styles.fwd2, 170 style: styles.fwd2,
171 maxResolution: 80,
172 minResolution: 0,
169 source 173 source
170 }); 174 });
171 })(), 175 })(),
172 (function() { 176 (function() {
173 const source = new VectorSource(); 177 const source = new VectorSource();
184 return new VectorLayer({ 188 return new VectorLayer({
185 id: "FAIRWAYDIMENSIONSLOS3", 189 id: "FAIRWAYDIMENSIONSLOS3",
186 label: "LOS 3 Fairway Dimensions", 190 label: "LOS 3 Fairway Dimensions",
187 visible: true, 191 visible: true,
188 style: styles.fwd3, 192 style: styles.fwd3,
193 maxResolution: 80,
194 minResolution: 0,
189 source 195 source
190 }); 196 });
191 })(), 197 })(),
192 (function() { 198 (function() {
193 const source = new VectorSource({ strategy: bboxStrategy }); 199 const source = new VectorSource({ strategy: bboxStrategy });