У меня есть набор полигонов листовок на карте, которую я создал. Каждый многоугольник представляет что-то свое. Конкретный набор информации отображается во всплывающем окне в зависимости от страницы, на которой находится пользователь. Мне нужно найти способ сделать «всплывающий» пузырь открытым в центре многоугольника, который он представляет.

Каждый многоугольник нарисован с использованием следующего кода:

var L20 = [
    [74.0995, -99.92615],
    [74.14008, -99.4043],
    [74.07691, -99.33838],
    [74.03617, -99.86023]
];



var L19 = [
    [74.02559, -99.84924],
    [74.06636, -99.32739],
    [74.0029, -99.26147],
    [73.96197, -99.77783]
];

var L18 = [
    [73.95142, -99.76684],
    [73.99235, -99.25048],
    [73.92889, -99.18456],
    [73.8878, -99.69543]
];

var set1 = L.polygon([L20, L19, L18], {
    color: "#fff",
    weight: 1,
    stroke: true,
    opacity: 0.05,
    fillColor: "#346B1F",

}).addTo(map);

Всплывающее окно рисуется с использованием следующего кода:

var popup = L.popup({})
    .setLatLng([73.64017, -100.32715])
    .setContent(content).openOn(map);
    var popup = L.popup();

Поэтому мне нужно найти способ.setLatLang определить или получить центр многоугольника.

Я придумал 3 решения, которые могут работать, не зная, как это сделать.

найдите способ использовать координаты многоугольника, чтобы определить центр многоугольника, в котором откроется всплывающее окно.

вызовите одну точку многоугольника, затем сместите позицию всплывающего окна.

Используйте идентификатор для каждого многоугольника, чтобы каждое всплывающее окно знало область поля (многоугольник), в котором оно может быть открыто.

Может кто-то помочь мне, пожалуйста?