【RSSのGeoRSS化】（２）GeoRSSを表示してみよう！
|
ローカルサーチ技術担当の西岡です。
前回に引き続き「Mashup Caravan in SAPPORO」での発表から Yahoo!ディベロッパーネットワークのAPI利用の一例として「RSSのGeoRSS化」をテーマに連載しております。
今回は「GeoRSSを表示してみよう！」です。
Yahoo!地図JavaScript版地図APIを利用して、ウェブページにとってもカンタンにGeoRSS地図を埋め込むことができます。
今回は、ワイワイマップが出力しているGeoRSSを例にサンプルコードを示しながら説明いたします。
ステップ１）地図を初期化します。
_map = new YahooMapsCtrl("map", "39.533526076524,140.524379644418", 5,YMapMode.MAP,YDatumType.WGS84);
ステップ２） GeoRSSを地図初期化時に呼び出す設定を記述します。
_map.yGeoRSS(function(){var data = _map.yGeoRSSgetData()});
ステップ３） 記事のアイコンを指定します。
_map.yGeoRSSsetCategory("L1");
ステップ４）ワイワイマップのGeoRSSデータのURLを指定します。
（ワイワイマップから、表示したいマップのRSSのURLをコピー＆ペーストしてください。）
_map.yGeoRSSloadXML('http://waiwai.map.yahoo.co.jp/rss/map/index.xml?mid=wH5M5vTEm9IxmzDeYAb_EOo29y0t7PZs');
このように、JavaScript版地図APIなら４ステップで、ＧｅｏＲＳＳを地図上に表現することができます。
全体の記述内容は以下の通りです。
<html>
実際に動作させたサンプルページはこちらです。<head> <script type="text/javascript" src="http://map.yahooapis.jp/MapsService/js/V2/?appid=【アプリケーションID】">（※１） </script> <script type="text/javascript"> var _map; window.onload=function(){ _map = new YahooMapsCtrl("map", "39.533526076524,140.524379644418", 5,YMapMode.MAP,YDatumType.WGS84);（※２） // GeoRSS読み込み時のイベントハンドラを指定 _map.yGeoRSS(function(){var data = _map.yGeoRSSgetData()}); // 表示するアイコンを指定 _map.yGeoRSSsetCategory("L1"); // GeoRSSデータのURLを指定 _map.yGeoRSSloadXML('http://waiwai.map.yahoo.co.jp/rss/map/index.xml?mid=wH5M5vTEm9IxmzDeYAb_EOo29y0t7PZs');（※３） } </script> </head> <body> <div id="map" style="height: 600px; width: 600px"></div> MAP </body> </html>
★注意するポイントが３つあります。
※１）アプリケーションIDを取得してください。こちらから―＞アプリケーションIDの登録（無料）
※２）GeoRSSは、世界測地系で表現されているため、JavaScript版地図APIの初期化時に世界測地系の宣言が必要になります。世界測地系とは―＞測地系〜日本測地系（tokyo97）と世界測地系（WGS84）〜 ※３）GeoRSSのＸＭＬファイルは、インターネットからアクセスできる場所に設置する必要があります。
次回は、日本語処理APIである日本語形態素解析Webサービスを利用して、RSSに含まれる文字から地名を判定する方法について説明したいと思います。
今後ともYahoo!地図を、どうぞよろしくお願いします。
|
早速、ワイワイマップのGeoRSSを設定しサーバーに設置して動作させてみましたが、
IE7.0・サファリでは地図は表示されますがスポットが表示されません。
ただ、ローカル上のhtmlファイルからは問題なく表示されます。
Firefoxのみ、ローカル上でもサーバー上でも問題なくスポットが表示されます。
2008/9/10(水) 午後 7:13 [ yam*am1**9 ]
コメントありがとうございます。
技術的な質問は、API用のメーリングリストがありますので、お手数ですがメーリングリストにて質問お願いたします。
また、ご質問時に問題の箇所のソースコードや開発環境についての情報がありますと回答しやすくなります。
http://groups.yahoo.co.jp/group/YJDN-map/
2008/9/16(火) 午後 2:28 [ yjmapstaff ]
Picasa Web Album の GeoRSS には対応していないようですね。残念至極。
2009/2/16(月) 午後 9:09 [ ふ〜ちゃん ]