Передача данных в модальные (bootstrap)

Question

У меня есть несколько маркеров на карте Google, и когда я нажимаю на них, мне нужно открыть модальное окно. Проблема заключается в том, что каждый маркер имеет определенный идентификатор, и мне нужен этот идентификатор в каждом модале.

Модальное HTML является:

<div class="modal fade" id="imageModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     </div> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
    </div> 
</div> 

Javascript код вызова этой функции является:

function createMarker(pos, t, map) { 
    var marker = new google.maps.Marker({ 
     position: pos, 
     map: map, // google.maps.Map 
     index: t 
    }); 
    google.maps.event.addListener(marker, 'click', function() { 
     $('#imageModal').modal(); 
     //alert("I am marker " + marker.index); 
    }); 
    return marker; 
} 

Так imageModal мне нужно получить доступ к marker.index информации, которая является динамическим , Как я могу это сделать? есть идеи ?

Answer 1

Во-первых, я не думаю, что index является MarkerOption в Картах Google v3.

Как я это понял, я использовал параметр title в MarkerOption, и он установил динамическую строку, а затем обратился к ней в событии addListener.

Вот как вы можете это сделать:

function createMarker(pos, t, map) { 
    var marker = new google.maps.Marker({ 
     position: pos, 
     map: map, // google.maps.Map 
     title: t //where t must be a string 
    }); 
    google.maps.event.addListener(marker, 'click', function() { 
     $('#imageModal').modal(); 
     alert("I am marker " + this.getTitle()); 
    }); 
} 

Надеется, что это помогает !!