ember-leaflet.js

// application.hbs
<div class="container">
  {{partial 'navbar'}}

  {{leaflet-map}}

  {{outlet}}
</div>

// leaflet-map.hbs
{{#leaflet-map lat=lat lng=lng zoom=zoom}}
  {{tile-layer url="http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"}}
{{/leaflet-map}}

// leaflet-map.js
import Ember from 'ember';

export default Ember.Component.extend({
  lat: 45.519743,
  lng: -122.680522,
  zoom: 10
});