使用 Firebase-GeoFire 获取用户附近的餐馆列表

Question

我有一个餐厅列表，每个餐厅都有一个存储在 GeoFire 中的固定位置。现在我想在用户位置的固定半径内显示餐厅。我如何使用 GeoFire 来实现这一点。这里的文档https://github.com/firebase/geofire-js/blob/master/docs/reference.md#geofiresetkeyorlocations-location 主要建议使用 key_entered、key_exited 等处理 geofire“键”移动的解决方案。但我无法弄清楚如何访问附近的键。

我的控制器代码如下：

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);

密钥打印在控制台上，但未推送到过滤的Rest 数组。

我希望在以下链接中实现“示例用法”： https://github.com/firebase/geofire-java#example-usage

有类似的问题，但大多数都在 ios/swift 中，答案不是很丰富。我正在使用 GeoFire-JavaScript。任何帮助将不胜感激。

Answer 1

要在所有初始键同步时进行处理，请将代码放入ready 处理程序。例如，假设您要打印所有初始键：

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);
});