facebook 打卡 api 應用 (搭配google map)

偽打卡
使用facebook checkin api，搭配google map
經過facebook connect login後
可神遊到其他地方打卡
展示 http://checkin.978.tw/

facebook打卡範例 : http://blog.978.tw/2011/04/facebook-check-in-api-graph.html

google map部分實作範例教學：

var map;
var infowindow;
function checkin(id,lat,lng){ //打卡
    $.get('facebook_checkin.php',{'id':id,'lat':lat,'lng':lng},function(o){
        alert(o);
    });
}
function infoWindow(lat,lng){
    if( infowindow ){ //關閉上一個對話框
        infowindow.close();
    }
    var place_content = '點選下列地點後打卡<br>';
    $.get('facebook_place.php',{'lat':lat,'long':lng},function(o){
            for( var i=0; i<o.length; i++ ){ //可打卡地點
                if(o[i].name!=undefined){
                    place_content += '<a href="javascript:checkin('+o[i].id+','+lat+','+lng+');">'+o[i].name+'</a><br>';
                }
            }
            infowindow = new google.maps.InfoWindow(
                     { content: place_content,
                       size: new google.maps.Size(50,50),
                       position: new google.maps.LatLng(lat,lng)
                     });
            infowindow.open(map);

    });
}

function map_init(){ //google map
    var myLatlng = new google.maps.LatLng(25.047795,121.516900);
    var myOptions = {
      zoom: 12,
      center: myLatlng,
      streetViewControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    google.maps.event.addListener(map, 'click', function(event) {
        var lat = event.latLng.Ia;
        var lng = event.latLng.Ja;
        infoWindow(lat,lng);
    });
}

$(document).ready(function(){
    $('#map_canvas').css({height:$(window).height()*0.8,width:$(window).width()});
    map_init();
});