geoFire 4.1.2 / Angular 2 / 4.0.2，Firebxase 3.8.0

Question

我收到以下代码的以下错误：

...
import {GeoFire} from 'geofire';
...
@Component{
::::
}
export class AppComponent{

constructor() {

  var afRef = this.af.database; // AngularFire connection
 let afRefAny: any = afRef.list('locations/');
  GeoFire(afRefAny._ref);

  var geoQuery = afRefAny.query({
    center: [51.294, -0.245],
    radius: 1
  });
}
}

解决了上述问题后，我想使用geoQuery构建映射解决方案。

感谢您解决此问题的任何帮助。

Answer 1

我认为这应该有用

import * as GeoFire from 'geofire';
import * as firebase from 'firebase/app'

constructor() {

  // Generate a random Firebase location
  const firebaseRef = firebase.database().ref().child('locations');

  // Create a new GeoFire instance at the random Firebase location
  const geoFire = new GeoFire(firebaseRef);
  const geoQuery = geoFire.query({
    center: [51.294, -0.245],
    radius: 1
  });
}