tvolkmann/labswp_2019_sose_geocaching
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fixed mapChooser Number Input

Browse Source
This commit is contained in:
Timo Volkmann 2019-06-24 15:00:04 +02:00
parent ed3b23cf22
commit 068bd33881
1 changed files with 40 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue
View File

@ -64,9 +64,9 @@
</vl-map> </vl-map>
</div> </div>
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
<q-input class="col" dense stack-label filled v-model.number="center[1]" <q-input class="col" dense stack-label filled v-model.number.lazy="inputCenter0"
label="Breitengrad"/> label="Breitengrad"/>
<q-input class="col" dense stack-label filled v-model.number="center[0]" <q-input class="col" dense stack-label filled v-model.number.lazy="inputCenter1"
label="Längengrad"/> label="Längengrad"/>
<div class="col-shrink"> <div class="col-shrink">
<q-btn unelevated color="primary" class="full-height" icon="my_location" @click="setCenter(deviceCoordinate)"/> <q-btn unelevated color="primary" class="full-height" icon="my_location" @click="setCenter(deviceCoordinate)"/>
@ -215,6 +215,13 @@
setCenter(position) { setCenter(position) {
this.center = position; this.center = position;
this.$emit('updatecoords', this.center); this.$emit('updatecoords', this.center);
},
setCoordInput(val) {
this.inputCenter0 = val[0];
this.inputCenter1 = val[1];
},
updateCenterValues() {
this.setCenter([this.inputCenter0, this.inputCenter1])
} }
} }
@ -229,7 +236,9 @@
}, },
data() { data() {
return { return {
center: [9.208858198755664, 49.14785422283188], inputCenter0: 9.208858198755664,
inputCenter1: 49.14785422283188,
//center: [9.208858198755664, 49.14785422283188],
zoom: 15, zoom: 15,
rotation: 0, rotation: 0,
clickCoordinate: undefined, clickCoordinate: undefined,
@ -295,6 +304,34 @@
this.$emit('updatecoords', this.center); this.$emit('updatecoords', this.center);
} }
}, },
// center0: {
// get() {
// console.log("center0 get")
//
// return this.center[0];
// },
// set(val) {
// console.log("center0 set")
// let center1 = this.center[1];
// let center0 = val;
// this.center = [center0, center1];
// console.log(this.center)
// }
// },
center: {
get() {
console.log("center get");
console.log("center get");
return [this.inputCenter0, this.inputCenter1];
},
set(val) {
console.log("center set");
this.inputCenter0 = val[0];
this.inputCenter1 = val[1];
console.log(this.inputCenter0)
console.log(this.inputCenter1)
}
},
} }
} }
</script> </script>