如何在geodjango中使用OpenStreetMap的openlayers显示数据？

   # ...

   'django.contrib.gis',

   'geodjango',

   'default': {

       'ENGINE': 'django.contrib.gis.db.backends.spatialite',

       # ...

   }

   name = models.CharField(max_length=100)

   location = models.PointField()

   def __str__(self):

       return self.name

   places = Place.objects.all()

   places_geojson = []

   for place in places:

       geometry = GEOSGeometry(place.location, srid=4326)

       geometry.transform(3857)

       properties = {'name': place.name}

       feature = {'type': 'Feature', 'geometry': geometry.geojson, 'properties': properties}

       places_geojson.append(feature)

   context = {

       'places_geojson': places_geojson,

   }

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

   <meta charset="utf-8">

  <title>GeoDjango OpenLayers Map</title>

   <link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css" type="text/css">

  <script src="https://openlayers.org/en/v4.6.5/build/ol.js"></script>

   <div id="map" style="width: 100%; height: 100%;"></div>

  <script>

       var map = new ol.Map({

           target: 'map',

           layers: [

               new ol.layer.Tile({

                   source: new ol.source.OSM()

               })

           ],

           view: new ol.View({

               center: ol.proj.fromLonLat([0, 0]),

               zoom: 2

           })

       });

       var placesLayer = new ol.layer.Vector({

           source: new ol.source.Vector({

               features: [

                   // Add features here

               ]

           }),

           style: new ol.style.Style({

               image: new ol.style.Circle({

                   radius: 6,

                   fill: new ol.style.Fill({color: 'blue'}),

                   stroke: new ol.style.Stroke({color: 'white', width: 2})

               })

           })

       });

       var placesGeoJSON = {{ places_geojson|safe }};

       var features = [];

       for (var i = 0; i< placesGeoJSON.length; i++) {

           var feature = new ol.format.GeoJSON().readFeature(placesGeoJSON[i]);

           features.push(feature);

       }

       placesLayer.getSource().addFeatures(features);

       map.addLayer(placesLayer);

   </script>

   path('map/', views.map_view, name='map_view'),