Клуб API Карт

Управление содержимым Балуна (API 2)

Пост в архиве.

Здравствуйте!

Я размещаю на  карте метки (placemark), для них настраивая свойство ("click") на AJAX загрузку HTML данных - подцепляется в balloonContent метки. 

Сейчас там только текстовые данные

 

Я хочу поместить туда элемент <canvas> и через JavaScript рисовать линии по координатам, также полученным в AJAX

на обычной статичной странице я писал так:

 

 


function draw() {
      var canvas = document.getElementById('canvas');
      var ctx = canvas.getContext("2d");
      ctx.beginPath();
      ctx.moveTo(100,200);
      ctx.lineTo(100,100); 
      ctx.stroke()
}

<body onload="draw();"><canvas id="canvas"></canvas></body>

 

Внутри балуна <canvas> рисуется, но получить к нему доступ приведенным выше способом не получается.
Подскажите, пожалуйста, как правильно решить мою проблему

2 комментария

вы хоть код приведите. по идее проблем быть не должно, а балуне тотже DOM, доступ должен быть

все прекрасно работает http://jsfiddle.net/Wb6Tr/

 

 

"Правильно" управлять html-содержимым балуна нужно с помощью макетов.

В терминах MVC макеты это View. Логику получения данных, при этом можно хранить в отдельных классах.

 

Вот пара примеров решения подобных задач из нашего Блога:

http://ymapsapi.ya.ru/replies.xml?item_no=1034

http://ymapsapi.ya.ru/replies.xml?item_no=338