added map embed from ahckathon as a test use

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>