From 3ef31eda0ffa709a6aa83f046553e24b6683eb0a Mon Sep 17 00:00:00 2001
From: Commander1024 <commander@commander1024.de>
Date: Sat, 22 Aug 2020 09:19:01 +0200
Subject: [PATCH] Added OSM map to place_detail view and template.

---
 lostplaces/lostplaces_app/templates/place/place_detail.html | 5 +++++
 lostplaces/lostplaces_app/views.py                          | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/lostplaces/lostplaces_app/templates/place/place_detail.html b/lostplaces/lostplaces_app/templates/place/place_detail.html
index 71ce78f..01edddf 100644
--- a/lostplaces/lostplaces_app/templates/place/place_detail.html
+++ b/lostplaces/lostplaces_app/templates/place/place_detail.html
@@ -1,5 +1,9 @@
 {% extends 'global.html'%}
 {% load static %}
+{% block additional_head %}
+    <link rel="stylesheet" href="{% static 'maps/ol.css' %}" type="text/css">
+    <script src="{% static 'maps/ol.js' %}"></script>
+{% endblock additional_head %}
 {% load thumbnail %}
 
 {% block title %}{{place.name}}{% endblock %}
@@ -27,6 +31,7 @@
 
     <section class="LP-Section">
         <h1 class="LP-Headline">Map-Links</h1>
+        {% include 'partials/osm_map.html' %}
         <div class="LP-LinkList">
             <ul class="LP-LinkList__List">
                 <li class="LP-LinkList__Item"><a target="_blank" href="https://www.google.com/maps?q={{place.latitude}},{{place.longitude}}" class="LP-Link"><span class="LP-Text">Google Maps</span></a></li>
diff --git a/lostplaces/lostplaces_app/views.py b/lostplaces/lostplaces_app/views.py
index 1c3c29c..20e4f03 100644
--- a/lostplaces/lostplaces_app/views.py
+++ b/lostplaces/lostplaces_app/views.py
@@ -57,8 +57,11 @@ class PlaceListView(IsAuthenticated, ListView):
 
 class PlaceDetailView(IsAuthenticated, View):
     def get(self, request, pk):
+        place = Place.objects.get(pk=pk)
         context = {
-            'place': Place.objects.get(pk=pk)
+            'place': place,
+            'place_list': [ place ],
+            'place_map_center': [ place.latitude, place.longitude ]
         }
         return render(request, 'place/place_detail.html', context)