使用传单和淡入淡出在地图上显示数据

如何使用模态淡入淡出输入要显示的点的经度和纬度在地图上显示。下面的代码什么也没显示。但是当我在模态淡入淡出中使用json格式的url时，json格式的信息。我不知道如何在数据映射中使用类模态淡入淡出。 modal fade 中的 url 应该是 json 还是 html 格式？ 我收到此错误： TypeError: InondationDataPoint() 缺少 2 个必需的位置参数：“经度”和“纬度”

#models.py
class Even(models.Model):
    name = models.CharField(max_length=20)
    date_reported = models.DateField()
    longitude = models.FloatField(null=True, blank=True)
    latitude = models.FloatField(null=True, blank=True)
    geom = models.PointField(srid=4326, null=True, blank=True,)
    @property
    def longitude(self):
        return self.geom.x
    @property
    def latitude(self):
        return self.geom.y
    def __str__(self):
        return self.name 

#urls.py
urlpatterns = [
    path('evenement_point/',      views.EvenementDataPoint,name="evenement_point"),
    path('evenement_map_point/', 
    views.evenement_map_point,name="evenement_map_point"),
]

#views.py
def evenement_map_point(request):
    longitude=request.POST['longitude']
    latitude=request.POST['latitude']
    all_evens = Even.objects.all()
    return render(request, 'even_map_point.html', {'all_evens': 
    all_evens, 'longitude':longitude, 'latitude':latitude})


def EvenementDataPoint(request, longitude, latitude):
    ref_location = Point(float(longitude), float(latitude))
    name = serialize('geojson', 
    Even.objects.filter(geom=ref_location))
    return HttpResponse(name,content_type='json')

#even_map_point.html
var even = new L.GeoJSON.AJAX("{% url 'evenement :evenement_point' %}", {
    pointToLayer: function (feature, latlng) {
    return L.marker(latlng, {
        icon: L.icon({
        iconUrl: "/static/img/icons/red.png",
        iconSize: [28, 32],
        iconAnchor: [12, 28],
        popupAnchor: [0, -25]
    }),
    title: feature.properties.name, 
    riseOnHover: true
  });
},
onEachFeature: function (feature, layer) {
    var content = "<table class='table table-striped table-bordered table- 
        condensed'>" + "<tr><th>Name</th><td>" + feature.properties.name + "</td> 
        </tr>" + "<tr><th>Date</th><td>" + feature.properties.date ;
    layer.on({
        click: function (e) {
            layer.bindPopup(content).openPopup(e.latlng);   
        }
    });
  }
  }).addTo(map);


#index.html with modal fade
<div class="container-fluid"> 
    <div class="modal fade" id="evenmapPoint">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Menu de Recherche</h4>
                    <button type="button" class="close" data-dismiss="modal">&times; 
                    </button>
                 </div>
                 <div class="modal-body">
                     <form id="evenmappoint" method="POST" action="{% url 
                     'evenement:evenement_map_point' %}">
                     <!--<form id="evenmappoint" method="POST" action="{% url 
                     'evenement:evenement_point' %}">-->  <!--ok point displayed in 
                     format json-->
                         <div class="row">
                             <div class="col-sm-6">
                                 <div class="form-group">
                                     {% csrf_token %}
                                     <input class="form-control valid" 
                                     name="longitude" id="name" type="number" 
                                     step="any" onfocus="this.placeholder = ''" 
                                     onblur="this.placeholder = 'Enter your 
                                     longitude'" placeholder="Enter your longitude">    
                                 </div>
                             </div>
                             <div class="col-sm-6">
                                 <div class="form-group">
                                     {% csrf_token %}
                                     <input class="form-control valid" 
                                     name="latitude" id="name" type="number" 
                                     step="any" onfocus="this.placeholder = ''" 
                                     onblur="this.placeholder = 'Enter your 
                                     latitude'" placeholder="Enter your latitude">
                                 </div>
                             </div>
                        </div>
                  </form> 
             </div>
                <div class="modal-footer">
                    <button type="submit" form="evenmappoint" class="btn btn- 
                     success">Chercher</button> 
                     <button type="button" class="btn btn-danger" data- 
                      dismiss="modal">Close</button>
                 </div>
              </div>
         </div>        
    </div>