Liste der Restaurants in der Nähe des Benutzers mit Firebase-GeoFire erreichen

Question

Ich habe eine Liste von Restaurants, von denen jedes einen festen Standort hat, der in GeoFire gespeichert ist. Jetzt möchte ich die Restaurants in einem festen Radius des Benutzerstandortes anzeigen. Wie kann ich dies mit GeoFire erreichen? Die Dokumentation hier, , schlägt meistens Lösungen vor, in denen sich Geofire-Schlüssel bewegen, die mit key_entered, key_exited usw. behandelt werden. Ich bin jedoch nicht in der Lage herauszufinden, wie ich auf die Schlüssel in der Nähe zugreifen kann.

Mein Controller-Code wie folgt aussieht:

var ref = firebase.database().ref(); 
var geoFire = new GeoFire(ref.child("geofire")); 
var posOptions = {timeout: 10000, enableHighAccuracy: false}; 
$cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) { 
$scope.rest= []; 
$scope.filteredRest = []; 
var geoQuery = geoFire.query({ 
    center: [position.coords.latitude, position.coords.longitude], 
    radius: 15 
}); 
geoQuery.on("key_entered", function(key, location, distance) { 
    console.log(key); 
    $scope.filteredRest.push(key); 
}); 
geoQuery.on("ready", function() { 
    geoQuery.cancel(); 
}); 
console.log($scope.filteredRest); 

Der Schlüssel auf der Konsole gedruckt wird, ist aber nicht beschränkt auf filteredRest Array geschoben.

Ich suche ‚Beispiel für die Verwendung‘ in folgenden Link zu erreichen: https://github.com/firebase/geofire-java#example-usage

Es gibt ähnliche Fragen, aber die meisten von ihnen sind in ios/schnell und die Antworten sind nicht sehr informativ. Ich benutze GeoFire-JavaScript. Jede Hilfe wäre willkommen.

Answer 1

Um zu behandeln, wenn alle anfänglichen Schlüssel synchronisiert sind, legen Sie den Code in den ready Handler. Angenommen, Sie möchten alle Initialtasten drucken:

var ref = firebase.database().ref(); 
var geoFire = new GeoFire(ref.child("geofire")); 
var posOptions = {timeout: 10000, enableHighAccuracy: false}; 
$cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) { 
$scope.rest= []; 
$scope.filteredRest = []; 
var geoQuery = geoFire.query({ 
    center: [position.coords.latitude, position.coords.longitude], 
    radius: 15 
}); 
geoQuery.on("key_entered", function(key, location, distance) { 
    $scope.filteredRest.push(key); 
}); 
geoQuery.on("ready", function() { 
    geoQuery.cancel(); 
    console.log($scope.filteredRest); 
});