Firesbase firestore不工作+ Vuejs
提问于 2018-08-02 11:21:57
我想存储我的地理位置到firestore数据库，但它不起作用。我创建了一个名为acctPosition的数组来存储其中的地理位置，但是在firebase中我看不到数据，看起来好像什么都没有存储。
我怎样才能正确地存储地理位置？
输出：
Geoloaction组件：
data () {
coords: {
latitude: null,
longitude: null
},
acctPosition: []
},
...
mounted () {
var self = this;
// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
console.log(pos)
var acctPos = self.acctPosition.push(pos)
console.log(acctPos)
}
} else {
// Browser doesn't support Geolocation
}
let docId = `${this.currentUser.uid}`
// store geoData to currentUser in firebase firestore
fb.usersCollection.doc(docId).set({
acctPosition: this.acctPos
}).then(ref => {
console.log('work')
}).catch(err => {
console.log(err)
})
}
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-02 11:27:05
Javascript是异步的，所以fb.usersCollection.doc(docId).set()将在getCurrentPosition完成之前执行。
您可以在getCurrentPosition完成后推送到firebase：
mounted () {
...
var self = this;
// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
console.log(pos)
map.setCenter(pos);
var acctPos = self.acctPosition.push(pos)
console.log(acctPos)
let docId = `${self.currentUser.uid}`
// store geoData to currentUser in firebase firestore
fb.usersCollection.doc(docId).set({
acctPosition: self.acctPosition
}).then(ref => {
console.log('work')
}).catch(err => {
console.log(err)
})
}
} else {
// Browser doesn't support Geolocation
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51652383
复制相关文章
腾讯云开发者
