將Google Maps API與Facebook評論插件集成

好吧有similar question，但它仍未解決。將Google Maps API與Facebook評論插件集成

是否可以在每個infowindow中添加Facebook評論功能？一旦你點擊地圖上的點，我想要一個不同的Facebook評論流出現在每個infowindow中。我目前正在嘗試，但如果有人知道如何去做，如果你能提供一些幫助，這將是有幫助的！

這是我到目前爲止有：

<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>

來源

2012-11-26 rudster

這只是一個爲每個標記創建獨特的信息窗口，並保證之事，每個點內的FB插件有效的唯一網址。如果您不使用標記並允許用戶點擊地圖中的任何地方，則可能會解決緯度+經度散列。

如果你有創造獨特的信息窗口的問題，這可能幫助：google maps api multiple markers with info windows

來源

2012-11-27 05:50:26 Robyflc

我添加的代碼，我想我已經創造了獨特的信息窗口。我現在的問題是如何以及在哪裏放置Facebook插件以及如何提取有效的唯一網址。 – rudster

要開始，你可以在這裏生成的HTML代碼：http://developers.facebook.com/docs/reference/plugins/comments/ 然後，你就必須把它放在這一行： markerContent =標題+「

」+ locations [i] [4] +「

」; 最後，您需要每個標記的有效網址，例如http://yousite.com/marker/marker_id。您可以爲每個標記的網頁，或者如果你有一個很大的數字，你可以讓你的服務器處理的URL有效問卷即使沒有創建頁面（就像我們做的漂亮的URL）。 – Robyflc

我應該在該行中放入哪些代碼？這一個'

'？它雖然不知道div類。我很抱歉，但我真的很新的JavaScript，所以我真的需要一步一步的幫助。 :( – rudster

將Google Maps API與Facebook評論插件集成

回答

相關問題