//ぐるなびＡＰＩを利用しています。
//店のURLへ直接リンクするようにしています。
function gurnSearch (start_page){
//利用する変数を設定します。
var str_html = "" ; //htmlエラー表示の取得
var res_count = 0 ; //対象店の該当件数を取得
var view_count = 0 ; //このページの表示件数を取得
var shop_url = new Array (); //各店URLの取得
var shop_name = new Array (); //各店名を取得
var shop_photo = new Array (); //各店写真のURLを取得
var shop_genrecpy = new Array (); //各店の料理名を取得
var shop_area = new Array (); //各店の簡単な住所を取得
var shop_avrate = new Array (); //各店の平均予算を取得
var shop_genre = new Array (); //各キャッチコピーを取得
var shop_open = new Array (); //各店の営業時間を取得
var shop_close = new Array (); //各店の休業日を取得
var shop_x = new Array (); //各緯度を取得
var shop_y = new Array (); //各経度を取得
var result_html = ""; //html検索結果を表示する
var pagenavi_html = ""; //htmlページナビゲーションを表示する
var shop_ichiran_html = ""; //htmlで店一覧を作成
//世界測地系の緯度経度を示します。
var wy = myLatlng[0];
var wx = myLatlng[1];
//世界測地系を日本測地系に変更します。
var jy = wy * 1.000106961 - wx * 0.000017467 - 0.004602017;
var jx = wx * 1.000083049 + wy * 0.000046047 - 0.010041046;
//cgiに必要なデータを送信します
//開始ページ、ミリ秒単位の緯度経度をクエリの要素として加えます
//開始位置の設定
var start = 1 ;
start = (start_page -1) * 10 + 1;
//検索距離(range)の設定
var map_range ;
if(document.fh.range[0].checked){map_range = 1;}
if(document.fh.range[1].checked){map_range = 2;}
if(document.fh.range[2].checked){map_range = 3;}
if(document.fh.range[3].checked){map_range = 4;}
if(document.fh.range[4].checked){map_range = 5;}
//題名欄に「ぐるなび店の検索」をしている旨の表示をします
$('kekka_daimei').innerHTML = 'ぐるなび店の検索';
$('page_navi').innerHTML = ''; //ページナビを消去する
//結果欄と一覧表欄に「只今 目的地設定中の表示をします
$('yado_kekka').innerHTML = '只今'
$('yado_ichiran').innerHTML = '
検索中...<\/p>';
//GETリクエストによるデータ送信のため送信先(search_gurn.cgi?)にクエリ(pars)を付け加えます
//レスポンスの測地系(coordinates_mode)を世界測地系にします
var pars = "" ;
pars = '&coordinates_mode=2&longitude=' + jx + '&latitude=' + jy + '&range=' + map_range + '&offset=' + start ;
var myAjax = new Ajax.Request(
'search_gurn.cgi?' + pars,
{
method: 'get',
onComplete:function(request) {
$('yado_ichiran').innerHTML = '
読み込み終了しました
';
showResponse (request);
},
onSuccess: function(request) {
$('yado_ichiran').innerHTML = '読み込み成功しました
';
},
onFailure: function(request) {
request.transport.abort();
},
onException: function (request) {
request.transport.abort();
}
}
);
//----cgiに必要データを送信終了
//----cgiから受信したデータを加工します
function showResponse (request){
//cgiデータをcsv方式で受信します
var rcvdata = new Array();
rcvdata = request.responseText.split("%,") ;
//検索結果が ０件の場合(code=600)は目的地検索「obSearch(0)」を実行します
if(rcvdata[0] == 600 || rcvdata[1] == 0 || rcvdata[1] =="")
{
obSearch();
}
//検索結果が ０件の以外の場合の処理を行います。
else
{
//各変数に値を設定します
str_html = rcvdata[0] ;
res_count = parseInt(rcvdata[1]) ;
view_count = parseInt(rcvdata[2]) ;
for( var i = 0; i < view_count; i++ )
{
shop_url[i] = trim(rcvdata[(i * 10) + 3]); //各店番号の取得
shop_name[i] = rcvdata[(i * 10) + 4]; //各店名を取得
shop_photo[i] = trim(rcvdata[(i * 10) + 5]); //各店写真のURLを取得
shop_genrecpy[i] = rcvdata[(i * 10) + 6]; //各店ジャンルキャッチコピーを取得
shop_avrate[i] = trim(rcvdata[(i * 10) + 7]); //平均予算
shop_genre[i] = rcvdata[(i * 10) + 8]; //各キャッチコピーを取得
shop_open[i] = rcvdata[(i * 10) + 9]; //各店の営業時間を取得
shop_close[i] = rcvdata[(i * 10) + 10]; //各店の休業日を取得
shop_x[i] = rcvdata[(i * 10) + 11]; //各緯度を取得
shop_y[i] = rcvdata[(i * 10) + 12]; //各経度を取得
}
//検索結果が０件の場合はobsearch(0)へ移動するようにしています。
//表示可能な最大ページ数を計算します
var max_page = (res_count%10 > 0) ? parseInt(res_count/10) + 1 : parseInt(res_count/10);//ページ数
//検索結果が１００件を超える場合は１００件に制限します
max_page = (max_page > 10 ) ? 10 : max_page ; //ページを10(１００件)に制限する
//掲載が２ページ以上ある場合はページナビゲーションを設定します
pagenavi_html =""
if (start_page > 1)
{
pagenavi_html += '←前へ '; }
for (var i = 1; i <= max_page; i++ )
{
if (start_page == i)
{
pagenavi_html += '' + i + ' ';
}
else
{
pagenavi_html += '' + i + ' ';
}
}
if (start_page < max_page && 1 <= max_page )
{
pagenavi_html += '次へ→';
}
//検索結果を表示します。
//検索結果res_countが ０件の場合は目的地検索「obSearch(0)」を実行できるようにします
result_html += '検索結果：' + res_count + ' 件（うち ' + ((start_page-1)*10 + 1) + '－' + ((start_page-1)*10+view_count) + '件を表示）
';
//このページの検索状態表示と店リストを作成します
shop_ichiran_html = "検索状態 : " + str_html + "
";
shop_ichiran_html += '目標地点
';
for (var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
shop_ichiran_html += '' + shop_name[i] + '
（' + shop_genre[i] + '）';
}
//各欄に結果を表示するコマンド
$('kekka_daimei').innerHTML = 'ぐるなび店舗検索結果';
$('page_navi').innerHTML = pagenavi_html; //ページナビを設定
$('yado_kekka').innerHTML = result_html; //店結果件数を設定
$('yado_ichiran').innerHTML = shop_ichiran_html; //店検索結果を設定
//今までに作成されたオーバーレイ(マーカー、アイコン等)を削除します
map.clearOverlays();
//------------------------------地図本文-----------------------------------------------
//各データを元に地図中のアイコンを設定します。
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
//------------------------------地図本文終了-------------------------------------------------------------------
//-----------------地図 createMarker----------------------------------------------------------
// マーカーはＡ，Ｂ，Ｃ・・で表現します。
// Create a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index) {
//目標地点だけののアイコンをブルーにします
if(index == view_count)
{
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png";
// Set up our GMarkerOptions object
markerOptions = { icon:blueIcon };
var marker = new GMarker(point, markerOptions)
var html = ('ここにコメントを追加します')
}
else
{
var letter = String.fromCharCode("A".charCodeAt(0) + index);
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
markerOptions = { icon:letteredIcon };
var marker = new GMarker(point, markerOptions);
}
// 最高10程度に地点を設定します。
// 地図のマーカーをクリックした時も、ページ中の地名をクリックしても詳細が出るようにします。
var mark_ = new Array
for( var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
if (index==i){
var html =('' + shop_name[i] + '（詳細）
' + shop_genrecpy[i] + ' |
写真提供：ぐるなび | 【営業時間】
' + shop_open[i] + '
【定休日】
' + shop_close[i] + '
【平均予算】
' + shop_avrate[i] + '円
|
');
mark_[i] = document.getElementById("mark_"+i);
if(mark_[i]){mark_[i].onclick = hyoji;};
};
}
if (index == view_count)
{
var html =('');
mark_[view_count] = document.getElementById("mark_" + view_count);
if(mark_[view_count]){mark_[view_count].onclick = hyoji;};
}
// ページ内からリンクされたときに詳細を表示します。
function hyoji() {marker.openInfoWindowHtml(html);};
// 地図の中でマーカーをクリックした時に詳細を表示します
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);});
return marker;
};
// 各地点のマーカーポイントを緯度、経度で設定します。
for( var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
var point = new GLatLng(shop_y[i],shop_x[i]);
var marker = createMarker(point,i);
map.addOverlay(marker);
}
//目標を示すためにblueIconを設定します。
var point = new GLatLng(wy,wx);
var marker = createMarker(point,view_count);
map.addOverlay(marker);
//------------------------------地図 createMarker終了---------------------------------
//検索結果が0以外の場合の処理を終了します
}
//----cgiから受信したデータ加工を終了します----showResponse (request)の終了
}
//----cgiから受信したデータ加工を終了します
}