QuintonC
commented
5 years ago Err, apparently I was way off the beaten path here..
Changed over to the following...
const prayer_ref = firebase.firestore().collection('PrayerRequests');
const geoFirestore = new GeoFirestore(prayer_ref);
navigator.geolocation.getCurrentPosition((position) => {
latitude = position.coords.latitude;
longitude = position.coords.longitude;
const geoQuery = new geoFirestore.query({
center: new firebase.firestore.GeoPoint(latitude, longitude),
radius: this.state.distance
});
let results = [];
const geoQuery = new geoFirestore.query({
center: new firebase.firestore.GeoPoint(latitude, longitude),
radius: this.state.distance
});
// Remove documents when they fall out of the query
geoQuery.on('key_exited', ($key) => {
console.log('Key Exited');
const index = results.findIndex((place) => place.$key === $key);
if (index >= 0) results.splice(index, 1);
});
// As documents come in, add the $key/id to them and push them into our results
geoQuery.on('key_entered', ($key, result) => {
console.log('Key Entered');
result.$key = $key;
results.push(result);
});
No more red screen, but it seems that my query is not firing? I'm not getting any results into my results array or anything for the keys entering/exiting. Have I done something wrong?
MichaelSolati
I'm attempting to query data given a lat/long and continue to get the red screen of shame in React Native.
Version information: Firebase: ^5.11.1 GeoFirestore: ^3.3.1
Here is my implementation:
Here is the result (terminal output below)...