Как подставить в js скрипт карты готовые координаты из поля

Question

Прошу прощения за глупый вопрос, меня, ребенка в программировании, этот вопрос ставит в тупик. У меня есть сайт недвижимости на wordpress. У каждого объекта есть географические координаты:

1.В скрытых полях ACF 2.Вспециально выведенном в каждом объявлении поле.

Выведенное поле на странице является элементом списка (

). И я целый день потратил на то, чтобы координаты центра карты брались из этого поля. Ничего я не добился. Уже можно сказать js скрипту все подготовил - бери да вставляйся :)))

<script type="text/javascript">
ymaps.ready(init);
function init(){
var myMap = new ymaps.Map("map", {
center: [44.554968,33.529025],
zoom: 15
});

}
</script>

Вот пример страницы: https://cvetoch.ru/properties/kvartira-32-kv-m-3/

Как подставить это поле, где уже прописаны широта и долгота? Когда копирую его значение и вставляю вместо координат, все работает. Вот целый день коту под хвост - такую мелочную проблему решить не могу.

Спасибо

Answer 1

<script type="text/javascript">
    window.onload = function() {
        var listInnerText = document.querySelector('.mh-estate__list__inner').innerText; 
        var localizationMatch = listInnerText.match(/Локализация: [\d\.]+,[\d\.]+/); 
        var coordinatesArray = []; 
        
        if (localizationMatch !== null && localizationMatch > 0) { 
            stringCoordinatesArray = localizationMatch[0].split(': ')[1].split(',');
            coordinatesArray = stringCoordinatesArray.map(item => parseFloat(item));

            ymaps.ready(init); 
        
            function init() { 
                var myMap = new ymaps.Map("map", { 
                    center: coordinatesArray,
                    zoom: 7 
                });    
            }
        }
    };
</script>

БЛОГ НА HUSL

Как подставить в js скрипт карты готовые координаты из поля

Ответы (1 шт):