Клуб API Карт

Не создаются метки

happyluckybear
26 мая 2016, 02:01

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

Код:

ymaps.ready(function() {
    var mapCenter = ['44.59905921452486', '33.84991499934473'],
        myMap = new ymaps.Map('map_canvas', {
            center: mapCenter,
            zoom: 9,
            controls: []
        });

    var placemarks = [];

    var customItemContentLayout = ymaps.templateLayoutFactory.createClass(
        '<h2 class=ballon_header>{{ properties.balloonContentHeader|raw }}</h2>' +
        '<div class=ballon_body>{{ properties.balloonContentBody|raw }}</div>' +
        '<div class=ballon_footer>{{ properties.balloonContentFooter|raw }}</div>'
    );

    var clusterer = new ymaps.Clusterer({
        clusterDisableClickZoom: true,
        clusterOpenBalloonOnClick: true,
        clusterBalloonPanelMaxMapArea: 0,
        clusterBalloonContentLayoutWidth: 350,
        clusterBalloonItemContentLayout: customItemContentLayout,
        clusterBalloonLeftColumnWidth: 120
    });

    var placemark0 = new ymaps.Placemark(['44.56026', '33.46379'], {
        balloonContentHeader: 'Участок даром в Престижной застройке Левая Гераклея ул. Византийская',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/357/medium/35714640698902bf3cfdb27670165f3c5ff084a3b35f5.jpg" alt="" />'
    });
    placemarks.push(placemark0);

    var placemark1 = new ymaps.Placemark(['44.52848', '33.53301'], {
        balloonContentHeader: 'Участок 7 км в жилом районе р-м с асфальтом 8 сот',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/356/medium/356146406958376770982a71c55b092a3428b5c5a28fa.jpg" alt="" />'
    });
    placemarks.push(placemark1);

    var placemark2 = new ymaps.Placemark(['44.56478', '33.57622'], {
        balloonContentHeader: 'Участок 8 соток в жилом кооперативе Сапун Гора',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/355/medium/3551464069192a3bf0b187b049590ee4da166196d8bd8.jpg" alt="" />'
    });
    placemarks.push(placemark2);

    var placemark3 = new ymaps.Placemark(['44.57988', '33.57957'], {
        balloonContentHeader: 'Участок р-н Горпищенко ул. Ромашковая',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/354/medium/3541464068935d50ec038bf19e29b51d73685fe0ee240.jpg" alt="" />'
    });
    placemarks.push(placemark3);

    var placemark4 = new ymaps.Placemark(['44.51104', '33.58937'], {
        balloonContentHeader: 'Участок Балаклава ул. Жукова ',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/353/medium/353146406872970c1b74bd6c0220ce865e39abbfee8ad.jpg" alt="" />'
    });
    placemarks.push(placemark4);

    var placemark5 = new ymaps.Placemark(['44.51032', '33.49527'], {
        balloonContentHeader: 'Участок у моря Фиолент кооп. Риф ',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/352/medium/3521463684072577d8940a3442730b10ba37d3f9dc9a5.jpg" alt="" />'
    });
    placemarks.push(placemark5);

    var placemark6 = new ymaps.Placemark(['44.54362', '33.57554'], {
        balloonContentHeader: 'Участок с выходом в сосновый лес 5 км кооп. Импульс',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/351/medium/3511463683859bce7618d02aeed52c19e2de0c68e496b.jpg" alt="" />'
    });
    placemarks.push(placemark6);

    var placemark7 = new ymaps.Placemark(['44.55707', '33.45107'], {
        balloonContentHeader: 'Участок Фиолент кооп. Маяк 1',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/350/medium/3501463683645ed1035f28990a65baf72769cc9a9f1cc.jpg" alt="" />'
    });
    placemarks.push(placemark7);

    var placemark8 = new ymaps.Placemark(['44.46294', '33.69982'], {
        balloonContentHeader: 'Шикарный участок в Байдарской Долине с.Гончарное',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/349/medium/3491463606081abc5c05d9694844cbe5e339e7a8d8234.jpg" alt="" />'
    });
    placemarks.push(placemark8);

    var placemark9 = new ymaps.Placemark(['44.52331', '33.52541'], {
        balloonContentHeader: 'Участок 7 км в кооперативе Корабел.',
        balloonContentBody: '<img class="ya_maps_baloon_img" src="http://realty-elit.ru/images/osproperty/properties/348/medium/3481463548880b87d6a003caa523cc1e094ec6bae07dc.jpg" alt="" />'
    });
    placemarks.push(placemark9);



    clusterer.add(placemarks);
    myMap.geoObjects.add(clusterer);
});

P.S (метки создаются по одной, потому что генерятся php циклом)

1 комментарий
Подписаться на комментарии к посту
Координаты должны быть массивом чисел, ан не строк, и шаблон макета всегда лучше делать внутри одной ноды. Ну и раз используете свой макет балуна, не стоит хранить в данных метки Html-разметку (тег img) Перенесите его в шаблон, а в данных оставьте только url картинки


http://jsfiddle.net/sovjw7c2/1/