ember leaflet glue

ember-leaflet.js

App.TileLayer = EmberLeaflet.TileLayer.extend({
    tileUrl: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    options: {
        attribution:
          '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
          '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'
    }
});

App.Marker = EmberLeaflet.MarkerLayer.extend(EmberLeaflet.PopupMixin, {
  popupViewClass: Ember.View.extend({
    templateName: 'map-popup'
  })
});

App.MarkerCollectionLayer = EmberLeaflet.MarkerCollectionLayer.extend({
  contentBinding: "controller._contacts",
  itemLayerClass: App.Marker
});


App.MapView = EmberLeaflet.MapView.extend({
  zoom: 4,
  center: L.latLng(35, -96),
  childLayers: [
    App.TileLayer
    App.MarkerCollectionLayer
  ]
});