Как динамически добавлять балуны на яндекс-карту?

Question

[mr_drinkens89]

Подскажите,кто решал данную задачу и кто знает выход из нее.
Имеется яндекс-карта (2.1) и фильтр. При работе фильтра с сервера приходят координаты объекта. Как динамически добавлять эти элементы в виде балунов на созданную карту?
При начальной загрузке,все понятно, в функции init просходит аякс-запрос,ну и в цикле выводим на карту балуны.

myMap = new ymaps.Map('map', {center: [59.918154,30.305578], zoom: 11});
			myMap.controls.remove('trafficControl').remove('searchControl').remove('typeSelector');
			// создадим массив геообъектов
			$.ajax({
				url:'/ajax/maps',
				success:function(data){
					for(var i = 0;i<=data.length;i++){
						var mapX = data[i][0];
						var mapY = data[i][1];
						var dop = data[i][2];
						var address = data[i][3];
						var pm  = new ymaps.Placemark([mapY, mapX], {
							iconContent: "",
							hintContent:address,
           					balloonContent: dop
        				});
						myMap.geoObjects.add(pm);
					}

				}
			});

А как сделать динамический вывод?
спасибо.

Answer 1

[Gasoid]

у вас в примере так и сделано,

только myMap сделайте глобальной переменной
т.е. сначала

var myMap;

ymaps.ready(init);

function init(){
   ....
  $.ajax({...});
}

Comments

[mr_drinkens89]

не совсем понял.
Вот я вынес myMap:
var myMap, myPlacemark;
myMap = new ymaps.Map('map', {center: [59.918154,30.305578], zoom: 11});
myMap.controls.remove('trafficControl').remove('searchControl').remove('typeSelector');

далее,вот моя init функция :
function init(){
....
$.ajax({...});
}

далее,допустим,происходит вызов фильтра:
function TableReload(url){
...какие-то параметры
}
как мне вывести теперь балуны динамически?что нужно в функции TableReload?

[Gasoid]

@mr_drinkens89
myMap.geoObjects.add(pm);

[mr_drinkens89]

сделал myMap глобальной.
Теперь, когда пытаюсь создать балун в функции TableReload(){
var pm = new ymaps.Placemark([59.918154,30.305578], {
iconContent: "",
hintContent:'',
balloonContent: ''
});
myMap.geoObjects.add(pm);
}
пишет,что undefined is not a function.Т.е.не может создать балун

[Gasoid]

@mr_drinkens89 нужен полный код, так непонятно

[mr_drinkens89]

эта функция,которая инициализирует карту:

function init(){
			var myMap, myPlacemark;
			// создание кластеризатора
			// создадим карту, на которой необходимо кластеризовать геообъекты
			myMap = new ymaps.Map('map', {center: [59.918154,30.305578], zoom: 11});
			myMap.controls.remove('trafficControl').remove('searchControl').remove('typeSelector');
			// создадим массив геообъектов
			$.ajax({
				url:'/ajax/maps',
				success:function(data){
					for(var i = 0;i<=data.length;i++){
						var mapX = data[i][0];
						var mapY = data[i][1];
						var dop = data[i][2];
						var address = data[i][3];
						var pm  = new ymaps.Placemark([mapY, mapX], {
							iconContent: "",
							hintContent:address,
           					balloonContent: dop
        				});
						myMap.geoObjects.add(pm);
					}

				}
			});
	}

собственно,при самом старте сайта,она запускается как:
ymaps.ready(init);
И все балуны выводятся,да.
Но,на сайте есть фильтр объектов. Когда выбираем какой-то параметр,то посылается аякс запрос (что-то вроде фильтра объектов,на выдаче этих объектов может быть меньше,может и больше), и приходит ответ - json. Понятно дело,берем координаты,и потом нужно как-то перерисовать балуны (удалить сначала все,и поставить новые).
То есть вот имеется аякс-запрос на jquery:
$.ajax({
//параметры
success:function(data){
вот здесь надо вывести новые балуны
}
});

Я понимаю,что надо как-то старые удалить,на этой же карте,и вывести в цикле новые. Но вот как это просходит,не пойму.
спасибо

[Gasoid]

@mr_drinkens89 myMap надо вынести за функцию init,
как я сначала и написал

[mr_drinkens89]

да,я вынес myMap.
Но теперь каким образом создать балун?ведь он создается как:
var pm = new ymaps.Placemark. Но объект ymaps недоступен, поэтому и выдает ошибку undefined is not a function

[Gasoid]

@mr_drinkens89 объект ymaps доступен глобально,

[mr_drinkens89]

@Gasoid спасибо за помощь! буду разбираться! отпишусь обязательно о результатах!

[mr_drinkens89]

Все работает.Решил перенести сайт на angular.js и что порадовало,есть уже готовые компоненты для работы с яндекс-картами.Написание динамических балунов составляет всего пару строк и очень хорошо описано в документации.