Mercurial > gemma

comparison client/src/components/map/Map.vue @ 3177:fc008b32c593

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: layers: loading animation for refreshing layer sources
author Markus Kottlaender <markus@intevation.de>
date Tue, 07 May 2019 12:18:07 +0200
parents 286c2e3cc105
children c122a064fd5e
comparison
equal deleted inserted replaced
3176:1cb6676d1510 3177:fc008b32c593
13 height: 100% 13 height: 100%
14 background-color: #eee 14 background-color: #eee
15 background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8), linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8) 15 background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8), linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8)
16 background-size: 20px 20px 16 background-size: 20px 20px
17 background-position: 0 0, 10px 10px 17 background-position: 0 0, 10px 10px
18
18 &.nocursor 19 &.nocursor
19 cursor: none 20 cursor: none
20 </style> 21 </style>
21 22
22 <script> 23 <script>
173 projection: "EPSG:3857" 174 projection: "EPSG:3857"
174 }) 175 })
175 }); 176 });
176 this.map.getLayer = id => this.layers.get(id); 177 this.map.getLayer = id => this.layers.get(id);
177 178
179 this.map.on("rendercomplete", () => {
180 this.$store.commit("map/decreaseMapsLoading");
181 });
182
178 // store map position on every move 183 // store map position on every move
179 // will be obsolete once we abandoned the separated admin context 184 // will be obsolete once we abandoned the separated admin context
180 this.map.on("moveend", event => { 185 this.map.on("moveend", event => {
181 const center = event.map.getView().getCenter(); 186 const center = event.map.getView().getCenter();
182 this.$store.commit("map/extent", { 187 this.$store.commit("map/extent", {