¿Cómo puedo agregar múltiples marcadores a mi mapa de Google usando datos de la base de datos?

Mi código js:

 function initMap() { const myLatLng = { lat: -25.363, lng: 131.044 }; const map = new google.maps.Map(document.getElementById("map"), { zoom: 4, center: myLatLng, }); new google.maps.Marker({ position: myLatLng, map, title: "Hello World!", }); } // Adds a marker to the map and push to the array. function addMarker(position) { marker_f = Markers.objects.all() const marker = new google.maps.Marker({ Markers from models, map, }); markers.push(marker); }

Mi código models.py:

 from django.db import models from django.core.validators import MaxValueValidator, MinValueValidator # Create your models here. class Markers(models.Model): area = models.CharField(max_length=100) latitude = models.FloatField( validators=[MinValueValidator(-90), MaxValueValidator(90)], ) longitude = models.FloatField( validators=[MinValueValidator(-180), MaxValueValidator(180)], )

Tutoriales utilizados para generar este código:

https://developers.google.com/maps/documentation/javascript/examples/marker-remove https://developers.google.com/maps/documentation/javascript/examples/marker-simple

No quiero codificar mis coordenadas en js como en el ejemplo a continuación, me gustaría agregarlas a través de mi página de administración en django con la variable models.py para mostrar marcadores en mi mapa en html https://developers.google. com/maps/documentation/javascript/examples/icon-complex