Как добавить множественное содержимое в информационные окна google maps в django с помощью javascript

Я использую фреймворк Django. Я создал несколько маркеров и информационных окон с изображениями на Google Maps. Пока все работает хорошо, но у некоторых пользователей есть несколько элементов, а на карте отображается только один элемент. Я хочу, чтобы эти элементы отображались в одном информационном окне или безразлично.

models.py

class Customer (models.Model):
    user= models.OneToOneField(User, null=True, on_delete=models.CASCADE)
    name = models.CharField(max_length=100, null=True)
    latitude = models.CharField(verbose_name="Latitude", max_length=50, null=True, blank=True)
    longitude = models.CharField(verbose_name="Longitude", max_length=50, null=True, blank=True)

    def __str__(self):
        return self.name


class Product(models.Model):
    
    customer = models.ForeignKey(Customer, null=True, on_delete=models.SET_NULL)
    name = models.CharField(max_length=200, null=True)
    price = models.FloatField(null=True) 
    description = models.CharField(max_length=200, null=True, blank=True)
    item_pic = models.ImageField( null=True)

отображение js-кода внутри html

Я не могу создать логику, она позволяет мне добавить еще один content2 в var mark и создать infowindow2, но это не совсем то, что я ищу.

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