Есть HTML , что вроде:
<h1 id='address-1'> адрес-1 ...
<h1 id='address-2'> адрес-2 ...
<h1 id='address-3'> адрес-3 ...
//js
..............
var coords = [
[[55.041009,82.902626],['адрес-1']], [[55.039006,82.933352],['адрес-2']], [[55.032499,82.917302],['адрес-3']]
];
var rGeoObjects = [];
for (var i = 0; i<coords.length; i++) {
rGeoObjects[i] = new ymaps.GeoObject({
geometry: {
type: 'Point',
coordinates: coords[i][0]
},
properties: {
iconContent: i,
balloonContentBody: '<div>'+coords[i][1]+'</div>',
}
});
//console.log(coords[1][1]);
}
var rClusterer = new ymaps.Clusterer();
rClusterer.add(rGeoObjects);
rMap.geoObjects.add(rClusterer);
rMap.setBounds(rClusterer.getBounds());
// вот такая конструкция не работает , что не так ? :
rGeoObjects.each(function (geoObject) {
var idd = geoObject.properties.get('iconContent')
var coord = geoObject.geometry.getCoordinates();
$('#address-' + idd ).click(function () {
rMap.setCenter(coord, 16);
geoObject.balloon.open();
});
});