0

さて、同様の質問がありますが、それはまだ解決されていません。

各情報ウィンドウにFacebookのコメント機能を追加することは可能ですか?マップ上のポイントをクリックすると、各情報ウィンドウに異なる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>
4

1 に答える 1

0

マーカーごとに固有の情報ウィンドウを作成し、各マーカー内の fb プラグインが有効な固有の URL を指していることを確認するだけです。マーカーを使用しておらず、ユーザーがマップ内の任意の場所をクリックできるようにしている場合は、緯度と経度のハッシュで解決できる可能性があります。

独自の情報ウィンドウの作成に問題がある場合は、これが役立つ場合があります: google maps api multiple maps with info windows

于 2012-11-27T05:50:26.600 に答える