Foursquareの履歴をGoogleMapに表示して、wordpressで表示する方法

    Foursquareのチェックイン履歴をGoogleMapに表示して、それをwordpressで表示できたらステキなライフログになるだろうと思い、方法を調べてみたので、メモしまふ。

    • FoursquareのKMLフィードを取得する
    • GoogleMapでKMLフィードを表示する
    • GoogleMapをwordpressで表示する

    では、順に解説。

    FoursquareのKMLフィードを取得する

    まずは、Foursquareにログインして、チェックイン履歴のページへ。

    次に、右下にRSS/ICS/KMLと書いてあるリンクを選択。

    skitch(12)

    KMLとは

    KMLとは、位置情報を管理するための情報です。https://ja.wikipedia.org/wiki/KML

    ページの下からKMLのURLを取得します。

    skitch(13)

    GoogleMapでKMLフィードを表示する

    次にKMLを利用して、GoogleMap上にfouresquareのチェックイン情報を表示します。

    GoogleMapのページで、検索窓に先ほどコピーしたURLを貼り付けて、検索をします。

    するとチェックイン履歴がGoogleMapに表示されました。

    skitch(14)

    GoogleMapをwordpressで表示する

    最後です。GoogleMapからブロク貼り付け用のリンクを取得します。

    左上のクサリのようなアイコンをクリックして、HTMLコードを生成します。

    そして、それをコピーして、Wordpressの好きなところに貼り付ければ完了です。

    skitch(15)

    こんな感じ

    大きさを変更したい場合は、width=”200″ height=”200″ の数値で調整する。