Помогите разобраться, необходимо создать балун следующего вида:
- при кластеризации в левом поле миниатюры списком и полоса прокрутки, при выборе определенной картинки в правом поле появляется картинка, которая ведет дальше по ссылке
имеется код:
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map('map', {
center: [52.826716, 107.832781],
zoom: 8,
controls: []
}, {
searchControlProvider: 'yandex#search'
}),
objectManager = new ymaps.ObjectManager({
// Чтобы метки начали кластеризоваться, выставляем опцию.
clusterize: true,
// ObjectManager принимает те же опции, что и кластеризатор.
gridSize: 32,
clusterDisableClickZoom: true,
clusterBalloonMaxWidth: 290,
clusterBalloonMaxHeight: 300,
clusterBalloonContentLayoutWidth: 255,
clusterBalloonLeftColumnWidth: 70,
});
// Чтобы задать опции одиночным объектам и кластерам,
// обратимся к дочерним коллекциям ObjectManager.
objectManager.objects.options.set('preset', 'islands#greenDotIcon');
objectManager.clusters.options.set('preset', 'islands#greenClusterIcons');
myMap.geoObjects.add(objectManager);
$.ajax({
url: "js/data_map.json"
}).done(function(data) {
objectManager.add(data);
});
}
содержимое json такого вида:
{
"type": "FeatureCollection",
"features": [
{"type": "Feature", "id": 88, "geometry": {"type": "Point", "coordinates": [52.884167, 108.112778]}, "properties": {"balloonContentBody": "
", "clusterCaption": "
"}},
{"type": "Feature", "id": 125, "geometry": {"type": "Point", "coordinates": [51.639287, 105.543242]}, "properties": {"balloonContentBody": "
", "clusterCaption": "
"}}
]
}
Получается вот так:
Каким образом можно убрать миниатюру из правого поля, оставив только большое изображение?
Как можно регулировать высоту блоков(слоев)? Попытка поставить костыль в виде стиля:
{"type": "Feature", "id": 125, "geometry": {"type": "Point", "coordinates": [51.639287, 105.543242]}, "properties": {"balloonContentBody": "
", "clusterCaption": "
"}}
потерпела фиаско, получилась полоса прокрутки справа...
Ничего не понимаю в javascript и буквально чучуть в html :)