Resolve "As a user I would like to see a map of the landmarks, so that I can figure out where to go"

Closes #52 (closed) All goals and tasks completed. Due to technical difficulties I forewent a map api and instead chose a google maps iframe. This is a working alternative to the initial goal with the same desired outcome for users as described within the tasks.

src/main/resources/templates/towns/MapApiTest.html

@@ -12,7 +12,10 @@
 
     <H1> Map API Test Here</H1>
 
-
+    <div class="map">
+<!--        test data from hackathon-->
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9933.490822613407!2d-3.1845439261935375!3d51.506377949006364!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486e1c8d0919099f%3A0x60bea7f0ae155f28!2sRoath%20Park!5e0!3m2!1sen!2suk!4v1698921027199!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+    </div>
 
 </main>
 <footer th:insert="~{/towns/Templating.html::footer}"></footer>