Question

我正在尝试使用folium在Django中创建地图。没有错误消息，但是在地图上显示的是“无”。

我有一个Django Web应用程序，该应用程序从postgressql数据库读取并显示记录。可以了我想添加一个带有标记的地图，这些标记将从PostgreSQL数据中获取坐标。当我尝试使用iframe创建地图时，出现“无”字样。我只是尝试硬编码起始位置以创建地图。我仍然听到“无”一词。

我也将硬编码的坐标输入到Google地图中，并制作了一个烧瓶应用程序来创建地图。它们显示很好。

views.py：

from django.shortcuts import render
from django.http import HttpResponse
from .models import PhotoInfo
import folium
import pandas

# Create your views here.
def index(request):
    VarPhotoInfo = PhotoInfo.objects.order_by('DateTaken')

    context = {'PhotoInfo': VarPhotoInfo }

    return render(request,'natureapp/index.html',context)

def show_map(request):
    #creation of map comes here + business logic
    #PhotoInfo1 = PhotoInfo.objects.order_by('DateTaken')
    map = folium.Map(location=[33.57137166666667, -117.76325])

    map.save("natureapp/map.html")
    context = {'my_map': map }

    return render(request, 'natureapp/map.html', context)

map.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>NatureMapper</title>
      </head>
<h1>Map goes here </h1>

   {{ my_map.render }}

</html>

index.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>NatureMapper</title>
      </head>
<h1>Here it is! </h1>
 {% if PhotoInfo %}
  {% for Photo in PhotoInfo %}
 <p>there is info.</p>
   <p> {{ Photo.PhotoName }}</p>
   <p> {{ Photo.Lat }}</p>
   <p> {{ Photo.Long }}</p>
   <p>  <img src="{{ Photo.PhotoImage.url }}" width = "240" alt=""></p>
  {% endfor %}
 {% else %}
 <p>there is no info.</p>
 {% endif %}
 <iframe id="encoder_iframe" height=95% width="90%" src="{% url 'show_map' %}">
     </iframe>
</html>

没有错误信息。只是“无”一词

Django中的Folium地图只说“无”

0 个答案: