Передача координат в Яндекс карты в модальном окне

Пример

Пытаюсь передать координаты в модальное окно (для центрирования карты), но, похоже что координаты не считываются в jQuery и, соответственно, карта не центрируется. Возможно, что-то не так с последовательностью выполнения шагов и открытия карты...

 ymaps.ready(init);
            
            var lat1 = 55;
            var long1 = 37;
            
            var lat = 55.8;
                    var long = 37.7;
 function init ()
 {  var myMap = new ymaps.Map('map',
        {   center: [lat, long],
            zoom: 9,
            controls: ["zoomControl", "fullscreenControl"]
        });
        
        myMap.setCenter([lat1, long1], 9, {
    checkZoomRange: true
        });
 }
 
 
 
 
 $('#orderModal').on('shown.bs.modal', function (event) {
  var lat2 = $(event.relatedTarget).data('LA');
  var long2 = $(event.relatedTarget).data('LO');
  
  
  myMap.setCenter([lat2, long2], 9, {
    checkZoomRange: true
        });
});
 
   


Ответы (1 шт):

Автор решения: YaCor'

Зачем выуживать данные из связанных элементов, когда можно слушать их клик напрямую?

Исправьте span id и span_id на class и повесьте на их клик изменение переменных и setCenter.

$('.Map-txt').on('click', function (event) {
    lat = event.target.dataset.la;
    long = event.target.dataset.lo;
    myMap.setCenter([lat, long], 10, {
        checkZoomRange: true
    });
});

http://jsfiddle.net/n7r0ugy1/

→ Ссылка