Добавление маркеров google maps с помощью sql db в django

Как добавить несколько маркеров на карту Google, используя данные из базы данных?

Мой 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);
}

Мой код 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)],
)

Учебники, использованные для генерации этого кода:

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

Я не хочу жестко кодировать мои координаты в js, как в примере ниже, я хотел бы добавить их через мою страницу администратора в django с переменной models.py для отображения маркеров на моей карте в html https://developers.google.com/maps/documentation/javascript/examples/icon-complex

Вернуться на верх