Есть готовый функционал кластеризации и перемещения по клику из вне.
function init(){
myMap = new ymaps.Map("map", {
center: [62.2135,34.2785],
zoom: 14});
var coords = [
[62.2060,34.2524],
[62.2060,34.2524],
[62.2039,34.2630],
[62.2135,34.2785],
[62.2109,34.2596]];
var myGeoObjects = [];
for (var i = 0; i < coords.length; i++) {
myGeoObjects[i] = new ymaps.GeoObject({
geometry: {
type: "Point",
coordinates: coords[i]},
properties: {
clusterCaption: 'Геообъект № '+(i+1),
balloonContentBody: 'Текст балуна № '+(i+1)}});}
var myClusterer = new ymaps.Clusterer(
{clusterDisableClickZoom: true});
myClusterer.add(myGeoObjects);
myMap.geoObjects.add(myClusterer);}
function go_to(){
myMap.setCenter([62.2060,34.2524], 16);
return false;}
Это html
<div id="map" style="width: 800px; height: 700px"></div>
<ul>
<li onclick="go_to()">Метка</li>
</ul>
Нужно к этому добавить открытие балуна при клике на li
Из документации понял, что балун открывается так
нужный_балун.balloon.open();
Но т.к. у меня все через myGeoObjects = [], не могу понять, как обратиться к нужному
Думаю, что как-то так
function go_to(){
myMap.setCenter([62.2060,34.2524], 16);
нужный_балун.balloon.open();
return false;
}