如何使用for循环创建django-leaflet的多个实例？

from django.shortcuts import render
from django.contrib.gis.geos import Point
from leaflet.forms.widgets import LeafletWidget

def map_view(request):
    map_data = [
        {'name': 'Location 1', 'lat': 40.7128, 'lng': -74.0060},
        {'name': 'Location 2', 'lat': 34.0522, 'lng': -118.2437},
        {'name': 'Location 3', 'lat': 51.5074, 'lng': -0.1278}
    ]
    return render(request, 'map.html', {'map_data': map_data})

{% load leaflet_tags %}

{% for data in map_data %}
    <div id="map_{{ forloop.counter }}" style="height: 400px;"></div>
    <script>
        var map_{{ forloop.counter }} = L.map('map_{{ forloop.counter }}').setView([{{ data.lat }}, {{ data.lng }}], 10);
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map_{{ forloop.counter }});
        L.marker([{{ data.lat }}, {{ data.lng }}]).addTo(map_{{ forloop.counter }}).bindPopup('{{ data.name }}');
    </script>
{% endfor %}