Google지도 API와 Facebook 덧글 플러그인 통합

Question

그래, similar question이 있지만 아직 풀리지 않습니다.

각 infowindow에 Facebook 댓글 기능을 추가 할 수 있습니까? 지도상의 지점을 클릭하면 각 infowindow에 다른 Facebook 댓글 스트림을 표시하고 싶습니다. 나는 현재 그것을 시도하고 있지만 누군가가 그것을 어떻게하는지 안다면 도움을 줄 수 있다면 도움이 될 것입니다!

이것은 내가 지금까지 무엇을 가지고 :

<script type="text/javascript"> 

     var map; 
     function initialize() { 
     var myOptions = { 
      zoom: 3, 
      center: new google.maps.LatLng(46.073231,-41.865238), 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
       map = new 
        google.maps.Map(document.getElementById('map'), 
      myOptions); 


     var locations = [ 
      ["Event",51.526902,-0.085588,"London, UK","Jan 23, 2012"], 
      ["Event",34.083517,-118.389373,"Los Angeles, USA","Jan 25, 2012"], 
      ["Event",40.716428,-73.966241,"New York, USA","Jan 30, 2012"], 
      ["Event",40.723454,-73.986497,"Queens, USA","Jan 31, 2012"] 
     ]; 

     var infowindow = new google.maps.InfoWindow(); 

     var marker, i; 

     for (i = 0; i < locations.length; i++) 
     { 
      var iconImage, heading; 

      switch(locations[i][0]) { 
       case "Event": 
        iconImage = "img/event.png"; 
        heading = "<h2 class='event'><img src="+iconImage+" />" +locations[i][3]+"</h2>"; 
        break; 

      marker = new google.maps.Marker({ 
       icon: iconImage, 
       position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
       map: map 
      }); 
      google.maps.event.addListener(marker, 'click', (function(marker, i, heading) { 
       return function() { 
        markerContent = heading+"<p><b></b> "+ locations[i][4]+"</p>"; 
        infowindow.setContent(markerContent); 
        infowindow.open(map, marker); 
       } 
      })(marker, i, heading)); // end marker click function 
       }}; // end for loop  
    </script> 

Answer 1

그것은 당신의 마커의 각각에 대해 고유 한 정보 창을 생성하고 보장 단지 문제가 유효한 고유 한 URL 각 지점 내에서 FB 플러그인. 마커를 사용하지 않고 사용자가지도의 아무 곳이나 클릭 할 수있게하면 위도 + 경도 해시가 해결 될 것입니다. google maps api multiple markers with info windows