Маркеры Google Map - ссылки на div-класс

Question

Мне нужно поместить ссылку на маркер карты Google. Он работает с внешним URL (http://...), Но он не связан с div. Когда мы нажимаем на маркер, я хочу, чтобы он открыл div с модальными эффектами.

Вот HTML с DIV, чтобы открыть:

<div class="modal faune">  
    <div class="barre_gallery">         
     <img alt="" class="close" onclick="$.fn.custombox('close');" src="img_content/croix.png" width="30"/> 
     <h1>Test</h1>  
    </div>  

    <p>Paragraphe test</p> 

</div> 

Вот JS:

var gmarkers1 = []; 
    var markers1 = []; 
    var infowindow = new google.maps.InfoWindow({ 
     content: '' 
    }); 

markers1 = [ 

    ['4', "Les ânes de Pontisse", 50.692001, 5.639683, 'faune', 'content/pictos/picto_faune.png', '$(".modal.faune")'], 

    ] 

function addMarker(marker) { 
      var category = marker[4]; 
      var title = marker[1]; 
      var pos = new google.maps.LatLng(marker[2], marker[3]); 
      var content = marker[1]; 
      var icon = marker[5]; 
      var url = marker[6] 

marker1 = new google.maps.Marker({ 
       title: title, 
       position: pos, 
       category: category, 
       map: map, 
       icon : icon, 
       url: url, 
}); 

gmarkers1.push(marker1); 

// Marker click listener 
    google.maps.event.addListener(marker1, 'click', function() { 
       window.location.href = this.url; 
       this.addClass("list-group-item blur"); 
      });   

} 

Есть ли у вас какие-нибудь идеи? Благодаря !

Answer 1

window.location.href = $(".modal.faune") не собирается работать. У вас должна быть какая-то логика для разработки, если это внешняя ссылка href или div (например, атрибут boolean для каждого маркера).

if (external link) 
    window.location.href = this.url; 
else 
    this.url.trigger('click'); 

Answer 2

Как насчет вызова модального из прослушивателя событий маркера?

google.maps.event.addListener(marker1, 'click', function() { 

    Custombox.open({ 
     target: '.faune', 
     effect: 'fadein' 
    }); 
    e.preventDefault(); 

}); 

Редактировать: было бы хорошо знать, какой модальность вы использовали, а также помочь вам.

Предполагая, что http://dixso.github.io/custombox/ это модальность, которую вы используете.