feat: Marker details info, not styled

purplebugs · Jul 16, 2024 · c55a70f · c55a70f
1 parent 64c67cb
commit c55a70f
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/alpaca-map.js b/src/alpaca-map.js
@@ -386,7 +386,6 @@ export default class AlpacaMap extends LitElement {
     this.map.setMapTypeId("styled_map");
 
     // Add markers to the map
-
     function toggleHighlight(markerView, farm) {
       if (markerView.content.classList.contains("highlight")) {
         markerView.content.classList.remove("highlight");
@@ -408,7 +407,14 @@ export default class AlpacaMap extends LitElement {
      <div class="count">${farm?.count?.alpacas?.status?.active} 🦙</div>
     </div>
 
-    <div class="details">TO DO : Fill out details - Onclick show  Farm details  Onclick show  Farm details Onclick show  Farm details</div>
+    <div class="details">
+    <h4>${farm?.name}</h4>
+    ${farm?.city}
+    <address>${farm?.location?.google?.formatted_address}</address>
+    <address>
+    <a href="${farm?.location?.google?.directions_url_href}"  target="_blank" rel="noreferrer" title="Google directions">Directions</a>
+    </address>
+    </div>
     `;
 
       return content;