0

firebaseからデータを取得する方法を教えてください

アプリ/テンプレート/gmap.hbs

  {{#leaflet-map lat=lat lng=lng zoom=zoom}}

  {{tile-layer url="http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"}}

 {{#each model as |c|}}
 {{#layers.marker lat=c.latitude lng=c.longitude draggable=true}}
 {{/layers.marker}}
 {{/each}}

 {{/leaflet-map}}

アプリ/コントローラー/newcase.js

 import Ember from 'ember';
 export default Ember.Controller.extend({
 actions:{
 addCase: function() {
 var hname = this.get('hname');
 var location = this.get('location');
 var latitude = this.get ('latitude');
 var longitude = this.get('longitude');
 var newCase = this.store.createRecord('case', {
 hname : hname,
 location : location,
 latitude : latitude,
 longitude : longitude
 });
 newCase.save();
 this.setProperties({
 hname: ' ',
 location: ' ',
 latitude: ' ',
 longitude: ' '
 });
 }
}
});

アプリ/コントローラー/gmap.js

  import  Ember from 'ember';
  export default Ember.Controller.extend ({
 });

app/model/case.js

import Model from 'ember-data/model';
import attr from 'ember-data/attr';
 export default Model.extend({
 hname : attr('string'),
 location: attr('string'),
 latitude: attr('number'),
 longitude: attr('number')
 });

app/route/newcase.js

import Ember from 'ember';
export default Ember.Route.extend({
model: function() {
return this.get('store').findAll('case');
 }
});

ファイアベースデータここに画像の説明を入力

その場所、緯度と経度を地図に表示したいのですが、表示方法がわかりません。そのためのコードの書き方を教えてください。

4

1 に答える 1