Question

我有一个名为PicData的Django模型。它包含一个jpeg文件的名称，照片的拍摄日期以及照片的经纬度。我将jpeg文件存储在静态/图像文件中。它将被定期添加。我正在使用Mapbox创建带有标记的地图，该标记使用来自模型的坐标以及jpg文件作为背景图像。我不确定如何将Django与Mapbox结合使用。

我正在使用Django 2.2。当坐标和背景图像经过硬编码时，我可以使用地图。当我尝试通过模型记录创建循环时，出现错误消息：第62行的未封闭标签：“ for”。寻找以下之一：空，endfor。

我已经对Mapbox，Javascript和Django进行了研究，但没有任何答案可以回答我的确切问题。我是Django的新手，所以如果它太简单，我会先道歉。

models.py
from django.db import models

class PicData(models.Model):
    FileName = models.CharField(max_length=200)
    DateTaken = models.DateField()
    Lat = models.FloatField()
    Long = models.FloatField()

index.html的相关部分

{% for pic in PicData %}
var geojson = {
  type: 'FeatureCollection',
  features: [{
    type: 'Feature',
    geometry: {
      type: 'Point',
      coordinates: [{{pic.long}}, {{pic.lat}}]
    },
    properties: {
      title: {{pic.FileName}},
      description: {{pic.DateTaken}}
    }
    .marker {
background-image: url("{% static "NatureMapper/images/{{pic.FileName}}" %}");
background-size: cover;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
}

结合Mapbox，Django和Javascript生成地图标记

0 个答案: