WordPressでfoursquareのログをGoogleMapに表示させる方法

Wordpressについて PHP

WordPressでfoursquareのログをGoogleMapに表示させてみました。

色々調べたところAPIを使ったりするよりもGoogleMapにkml(地図用フォーマット)を読み込ませて、
以下のようなタグを作ってもらうのが一番速そうでした。

<iframe width="500" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&source=s_q&hl=ja&geocode=&q=http:%2F%2Ffeeds.foursquare.com%2Fhistory%2FI3Q2VSBCRABQFA5OBVU3DZM1ZQKWFYRH.kml%3Fcout%3D100000&sll=35.618233,139.612198&sspn=0.420311,0.551376&brcurrent=3,0x60185f7b01bd5057:0x88c9f317cacfd3cb,0&ie=UTF8&ll=35.617675,139.612198&spn=0.163557,0.332757&output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&source=embed&hl=ja&geocode=&q=http:%2F%2Ffeeds.foursquare.com%2Fhistory%2FI3Q2VSBCRABQFA5OBVU3DZM1ZQKWFYRH.kml%3Fcout%3D100000&sll=35.618233,139.612198&sspn=0.420311,0.551376&brcurrent=3,0x60185f7b01bd5057:0x88c9f317cacfd3cb,0&ie=UTF8&ll=35.617675,139.612198&spn=0.163557,0.332757"; style="color:#0000FF;text-align:left">大きな地図で見る</a></small>

これを記事内に埋めれば完了です。

 
参考にさせていただいたのは以下のサイト。

  • foursquareの履歴をmapとかカレンダーを使ってもっと楽しくする方法 | goryugo, addicted to Evernote

 
foursquareの履歴は色々なことに使えて面白いですね。

コメント

タイトルとURLをコピーしました