Карты. Получить данные json из скрытого DIV-контейнера

@linca · Регистрация: 21.01.2015

Студворк — интернет-сервис помощи студентам

данные выводятся строками в скрытый контейнер, как мне их оттуда прочитать? в печочнице яндекс апи есть кусок кода, когда данные просто берутся из отдельного файла data.json

JavaScript
1
2
3
4
5
    $.ajax({               /* нужно заменить запрос ajax на чтение из div */
        url: "data.json"
    }).done(function(data) {
        objectManager.add(data);
    });

пробую сделать через json.parse, кусок кода нашел в сети, он у меня не работает.

JavaScript
1
2
3
4
        var markers = JSON.parse( $(this).find('.main_map_markers').html().trim() );
    markers.done(function(data) {
        objectManager.add(data);
    });

прошу помощи, в JS я новичок,

@Lazy_Den · 05.06.2015, 08:08

linca, вы уверены в этой строке?

JavaScript
1
$(this).find('.main_map_markers').html().trim()

Вы точно знаете, что у вас за элемент в $(this), а внутри этого элемента тот самый скрытый контейнер с классом "main_map_markers"? Пробовали вывести данные в консоль? То есть просто так:

JavaScript
1
2
var markers = JSON.parse($(this).find('.main_map_markers').html().trim());
console.log(markers);

И кстати, проверьте есть ли в консоли ошибки.

Добавлено через 12 минут
Я чего это всё спрашиваю, потому что ваш код вполне рабочий, если нигде не допущены ошибки на подходах.

HTML5
1
2
3
<div class="some_div">Click me!
    <div class="main_map_markers">{"a":123,"b":456,"c":789}</div>
</div>

JavaScript
1
2
3
4
5
6
7
8
$('.some_div').on('click', function () {
    var markers = JSON.parse($(this).find('.main_map_markers').html().trim()),
        ul = $('<ul />');
    $.each(markers, function(k, v){
        ul.append('<li>' + k + ' : ' + v + '</li>');
    });
    $('body').append(ul);
});

@linca · 07.06.2015, 07:10 **[ТС]**

Не уверен) Щас буду пробовать с консолью бороться.

JavaScript
1
JSON.parse($(this).find('.main_map_markers').html().trim());

этот код просто использовался в этом файле только для google карт, поэтому я и подумал, что скорее всего он мне и подойдет.

да, вы правы, консоль ошибку выдает

JavaScript
1
2
3
4
TypeError: $(...).find(...).html(...) is undefined
    
 
var markers = JSON.parse( $(this).find('.main_map_markers').html().trim() );

стрелка указывает на $(this), значит все таки проблема в нем? как понять на какой элемент указывает this? в консоли это не отображается((((

Добавлено через 20 минут

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/* YANDEX MAPS полный код */
ymaps.ready(init);
 
function init () {
    var myMap = new ymaps.Map('map', {
            center: [55.76, 37.64],
            zoom: 2
        }),
        objectManager = new ymaps.ObjectManager({
            // Чтобы метки начали кластеризоваться, выставляем опцию.
            clusterize: true,
            // ObjectManager принимает те же опции, что и кластеризатор.
            gridSize: 32
        });
 
    // Чтобы задать опции одиночным объектам и кластерам,
    // обратимся к дочерним коллекциям ObjectManager.
    objectManager.objects.options.set('preset', 'islands#greenDotIcon');
    objectManager.clusters.options.set('preset', 'islands#greenClusterIcons');
    myMap.geoObjects.add(objectManager);
 
    var markers = $('.big-map').find('.main_map_markers').html().trim();
    console.log(markers);
    markers.done(function(data) {
        objectManager.add(data);
    });
}

я немного ошибся, мне Json.parse не нужен оказывается. вот последняя версия, которую опробовал, выборка строки из контейнера идет, и это отображается в консоли, как мне теперь эту строку прикрутить, чтоб она работала в ObjectManager?
сейчас выдает ошибку

JavaScript
1
2
3
4
5
6
TypeError: markers.done is not a function
    
 
markers.done(function(markers) {
 
    /* стрелка указывает на markers*/

Добавлено через 14 минут

JavaScript
1
2
3
4
5
        var markers = $('.big-map').find('.main_map_markers').html().trim();
        console.log(markers);
    
    objectManager.add(markers);
}

все, закончил, вот этот код работает) спасибо вам большое, чтоб я без вас делал, вот что значит дать правильное направление)

теперь сяду изучать js, вдруг еще когда пригодится)

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .