Pipesでネットワークリンクを利用するTips

　今回のTipsでは、「Yahoo! PipesでKMLを作るTips」で作成したものを応用します。
ネットワークリンクを利用して、GoogleEarthで表示されている中心点から動的にKMLを作りたいと思います。



前回作成したものとほぼ一緒ですが、違うのはStationパラメータをなくして、Longitude、Latitude、SearchRangeの各パラメータを追加したところです。LongitudeとLatitudeパラメータはTextInputを利用して、ユーザーが設定出来るようにしておくことが肝です。具体的な設定内容は画像を拡大して確認してください。（ちなみに、デフォルトの緯度・経度は東京ドームになっています。ここは別に設定しなくても良いですが、ここでは分かりやすくするために設定しておきました。）



毎度のようにPipesを走らせてGet as KMLをクリックすると、上の画像のように東京ドーム周辺のお店データのKMLが作成されていることがわかります。ここまでは前回と大して変わりません。ここで、エディタを利用して（GoogleEarthを適宜利用して）ネットワークリンク用のKMLを作成作業に移ります。



ネットワークリンクのソースは上の画像を拡大して確認していただきたいですが、肝心なのはhrefとViewFormatの各要素です。



Get as KMLのリンク先（上の画像、ブラウザのステータスバーに表示されています）で分かりますが、lonパラメータとlatパラメータに緯度・経度（この例では東京ドームの座標）を渡しています。ということは、ネットワークリンクを利用して、このパラメータに緯度・経度を渡してやれば、GoogleEarth上の座標からKMLが作成できるということです。

《href》http://pipes.yahoo.com/pipes/pipe.run?_id=Vib2psk53BGNtKHFjknRlg&_render=kml&

《ViewFormat》 lon=[lookatLon]&lat=[lookatLat]

hrefではlonとlatのパラメータを外したものを、ViewFormatでは中心の緯度・経度をlonとlatのパラメータに設定します。これで完成です。



場所を国立競技場上空に移して、作成したネットワークリンクを開き「右クリック→更新」してみましょう。中心の緯度経度からお店の一覧が表示されました。（上画像参照） 　Pipesでの簡単な作業と、簡単なネットワークリンク作成のみですので、とても気軽に作成できます。サーバーを用意しなくても良いのもGoodです。今回作成したKMLはこちらです↓
Pipe_Networklink.kml

飛行機とその影更新2007-7

http://googleearth-wiki.noblesse-oblige.jp/kml_matome/ 　Google Earth Wiki@Noblesse-Obligeにてたくさんコメントいただいている「飛行機とその影」のコメントをまとめたものを更新しました。上記リンク先のページ、左上のプルダウンメニューから該当ファイルを選択してダウンロードしてください。 　ちなみに、今まで数回更新していますが、更新する度にファイル名が違っています。ネットワークリンクでの利用はご注意くださいませ。

Yahoo!PipesでKMLを作るTips

Yahoo! Pipesを利用してのマッシュアップネタを、自分で試しただけで放置していたので簡単な利用方法をまとめてみます。その時はホットペッパーAPIを利用しましたが、今回は、価格.comのレストラン情報APIを利用してみます。



まずはPipesにアクセスしログインをします。（Yahoo! IDは日本のものと違うので、改めて取得する必要があります。）そして、画面上部にある「Create a pipe」を押して作業開始です。



左メニューの「URL」から「URL Builder」を選択します。URL BuilderはWeb APIにどのようなパラメータを与えるかを決める機能を持っています。ここでは、駅名検索の機能を利用することを前提として「Station」を設定します。



続いては、駅名を入力する欄を作成します。左メニュー「User Inputs」から「Text Input」を選択します。 　Promptに「駅名入力」と記入しました。これが記入欄の見出しとなります。そして、作成したText Inputを先ほどのURL BuilderのStationに”Pipe”します。こうして繋げることにより、StationパラメータはText Inputで入力された文字になるわけです。



次に、左メニューの「Sources」から「Fetch Data」を選択します。URLに対して、URL Builder を”Pipe”します。今回利用した価格コムのAPIはパラメータを与える必要があるため、URL BuilderでURLを作詞しなければなりませんが、（多くの）RSSのようにパラメータを持たないデータに対してはURL Builderを利用せずに、直接Fetch DataのURL欄に記入します。そして、「Path to item list」に「Item」と記入します。これは価格コムのAPIの店名ルート要素が「Item」だからです。ということで、適宜この欄は変更する必要があります。



価格コムのAPIパラメータには、基本的な情報を返す「small」と、詳細な情報を返す「large」が存在していますが、緯度・経度を得る場合は「large」を選択する必要があります。 　というわけで、先ほどの「URL Builder」の「Queryparameters」の＋ボタンを押し、「ResultSet」欄を作成して「large」と記入します。（図中①）次に左メニュー「Operators」の中にある「Rename」を配置し、Fetch Url と”Pipe”します。図中②の部分をクリックするとプルダウンメニューが現れて、Itemタグ以下の利用できる要素が表示されます。



具体的なRenameに関しては上図を参考にしてください。緯度・経度を「geo:lat」「geo:lon」にRenameするところがポイントです。



「Pipe Output」に”Pipe”して出力する前に、左メニュー「Operators」の「Location Extractor」を間にかませます。これにて作業完了です。早速利用してみましょう。



水道橋を検索すると、きちんと検索結果が返ってきています。地図の上付近にある「Get as KML」がKMLに出力されたものです。これをGoogle Earthで開きます。



表示されました。KML出力に対応しているPipesはいろいろな利用法が考えられますが、それはまた気が向いた時にでも…。

結城浩さんのサイトから

結城浩 - The Essence of Programming　より HowGoogleEarthReallyWorks - Google Earth の <ほんとの> 仕組み 　面白かったです。 　普段遊んでいる分には仕組みなど気にしないわけですが、わからないなりに感心させてもらいました。

島根の弁護士ロケ地マップ

　最近、このブログの更新作業に対する優先度が低くなっています。 　他所で共同ブログを始めたり、ファイル置場と化している個人ブログも新しくしたりしていました。 　その他所で始めたブログの企画として、折角「島根の弁護士」がドラマ化されて島根でロケをするのだから、ロケ地をアップしようということになりました。 　Mengurume Labs - 島根の弁護士ロケ地マップ 　残念ながら松江市は低解像度なので、Google Mapsで緯度・経度を取得して、Google EarthでKMLにまとめてアップしました。