<aura:component>

<aura:attribute name="boat" type="Boat__c" />

<aura:attribute name="selected" type="boolean" default="false" />

<aura:registerEvent name="boatselected" type="c:BoatSelected" />

<aura:attribute name="selectedBoatId" type="Id" />

<aura:registerEvent name="BoatSelect" type="c:BoatSelect" />

<aura:registerEvent type="c:PlotMapMarker" name="PlotMapMarker" />

<lightning:button
onclick="{!c.onBoatClick}"
class="{! v.selected ? 'tile selected' : 'tile' }"
>
<div
style="{!'background-image:url(\'' + v.boat.Picture__c + '\')'}"
class="innertile"
>
<div class="lower-third">
<h1 class="slds-truncate">{! v.boat.Contact__r.Name}</h1>
</div>
</div>
</lightning:button>
</aura:component>