@consweb

Яндекс карты не загружаются на сайте — в чем причина?

Здравствуйте! Не могу понять в чем причина - вместо карты просто белая область. Ни элементов управления, ни собственно карты. Скрипт сначала выводит данные из элемента списка в массив, а он подставляется в координаты центра карты.
Вот код:
<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>

Вот контейнер:
<div id="map" style="width: 100%; height: 350px;"></div>

Вот пример страницы: https://cvetoch.ru/properties/dom-315-kv-m-8-sot/
Ребят, буду очень благодарен, если кто-нибудь подскажет!
  • Вопрос задан
  • 149 просмотров
Пригласить эксперта
Ответы на вопрос 1
CryptBomj
@CryptBomj
Web(full-stack, больше front)
Я может не совсем понимаю суть проблемы, но постараюсь помочь. Не легче в яндексе забить место расположения объекта, а потом копирнуть от туда код и делать всё что хочешь с ним ?
<div style="position:relative;overflow:hidden;"><a href="https://yandex.by/maps?utm_medium=mapframe&utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Яндекс Карты</a><a href="https://yandex.by/maps/geo/selo_ushcherpye/53004489/?from=mapframe&ll=31.883046%2C52.716465&utm_medium=mapframe&utm_source=maps&z=14" style="color:#eee;font-size:12px;position:absolute;top:14px;">село Ущерпье</a><iframe src="https://yandex.by/map-widget/v1/-/CCUFARazgD" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe></div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы