{{#if this._loader.isLoaded}}
  <div class="labs-map-loaded"></div>

  {{!-- Highlighted Layer Handling --}}
  {{#mapbox-gl-source sourceId='hovered-feature' options=this.hoveredFeatureSource map=this._loader.map}}
    {{mapbox-gl-layer
      map=this._loader.map
      layer=this.highlightedLineFeatureLayer
    }} 
    {{mapbox-gl-layer
      map=this._loader.map
      layer=this.highlightedCircleFeatureLayer
    }}
  {{/mapbox-gl-source}}

  {{yield (hash
    mapInstance=this._loader.map
    labs-layers=(component "labs-layers"
      map=this._loader.map
      layerGroups=this.layerGroups
      hoveredFeature=this.hoveredFeature)
    call=(component 'mapbox-gl-call' obj=this._loader.map)
    control=(component 'mapbox-gl-control' map=this._loader.map)
    image=(component 'mapbox-gl-image' map=this._loader.map)
    layer=(component 'mapbox-gl-layer' map=this._loader.map)
    marker=(component 'mapbox-gl-marker' map=this._loader.map MapboxGl=this._loader.MapboxGl)
    on=(component 'mapbox-gl-on' eventSource=this._loader.map)
    popup=(component 'mapbox-gl-popup' map=this._loader.map MapboxGl=this._loader.MapboxGl)
    source=(component 'mapbox-gl-source' map=this._loader.map)
    instance=this._loader.map
  )}}
{{else if this._loader.error}}
  {{#if (has-block 'inverse')}}
    {{yield this._loader.error to='inverse'}}
  {{else}}
    {{! template-lint-disable no-log }}
    {{log 'error rendering mapbox-gl' this._loader.error}}
  {{/if}}
{{/if}}