EmberJS template component suddenly not rendering on page

I'm following this Ember tutorial and I've suddenly run into an issue where my rental-listing.hbs template component stops rendering. It started when I began implementing the map service.

I don't understand where this could be happening. I've copied the code from parts of the GitHub repository that I thought were relevant but to no avail.

I have a rental.hbs template that looks like so:

<div class="jumbo">
  <div class="right tomster"></div>
  <h2>Welcome!</h2>
  <p>We hope you find exactly what you're looking for in a place to stay.</p>
  
    About Us
  
</div>

Which in turn has a template component called rental-listing.hbs:

<article class="listing">
  <a
    onclick=
    class="image "
    role="button"
  >
    <img src= alt="">
    <small>View Larger</small>
  </a>
  <div class="details">
    <h3></h3>
    <div class="detail owner">
      <span>Owner:</span> 
    </div>
    <div class="detail type">
      <span>Type:</span>  - 
    </div>
    <div class="detail location">
      <span>Location:</span> 
    </div>
    <div class="detail bedrooms">
      <span>Number of bedrooms:</span> 
    </div>
  </div>
  <LocationMap @location=/>
</article>

The only thing I have added to the above is the line <LocationMap @location=/> but it still doesn't work if I remove it.

The console shows me no errors and I can actually see I am getting the three dummy objects I want from Mirage:

So I'm definitely getting the objects and from what I see I'm doing everything necessary in the templates to render it but they aren't. Should I be looking somewhere else?