bike-lane-map.hbs

{{#mapbox-gl class='map-container' initOptions=initOptions as |map|}}
  {{#map.source options=bikeLaneSourceOptions as |source|}}
    {{source.layer layer=bikeLaneStyles}}
  {{/map.source}}
{{/mapbox-gl}}

bike-lane-map.js

import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({
  initOptions: {
    pitch: 30,
  },

  bikeLaneStyles: {
    type: 'line',
    paint: {
      'line-color': '#007cbf',
      'line-width': 10,
    },
  },

  bikeLaneSourceOptions: computed('data', function() {
    const { data } = this;

    return {
      type: 'geojson', 
      data,
    };
  }),
});