//ホットペッパーＡＰＩを利用しています。
//バリューコマースのホットペッパー店コードを利用してリンクしています。
//コードは
自由テキスト
//リンクコードは' + shop_name[i] + '
function hotSearch (start_page){
//mapクリックを無効にします。
google.maps.event.clearListeners(map, 'click');
//基本マーカー以外全てを削除します。
del_all();
//利用する変数を設定します。
var str_html = "" ; //htmlエラー表示の取得
var res_count = 0 ; //対象店の該当件数を取得
var view_count = 0 ; //このページの表示件数を取得
var shop_id = new Array (); //各店番号の取得
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 = BasemyMarkPosition.lat(); //世界系緯度
var wx = BasemyMarkPosition.lng(); //世界系経度
if(!wx||!wy){alert("地図で目的地を探してクリックしてください");}
//cgiに必要なデータを送信します
//開始ページ、ミリ秒単位の緯度経度をクエリの要素として加えます
var start = 1 ;
start = (start_page -1) * 10 + 1;
$('fh').start.value = start;
$('fh').lng.value = wx;
$('fh').lat.value = wy;
//題名欄に「ホットペッパー店の検索」をしている旨の表示をします
$('kekka_daimei').innerHTML = 'ホットペッパー店検索';
$('page_navi').innerHTML = ''; //ページナビを消去する
//結果欄と一覧表欄に「只今 目的地設定中の表示をします
$('yado_kekka').innerHTML = '只今'
$('yado_ichiran').innerHTML = '
検索中...<\/p>';
var myAjax = new Ajax.Request(
'search_hot.cgi',
{
method: 'post',
postBody: Form.serialize($('fh')),
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("%,") ;
//検索結果が ０件の場合は目的地検索「obSearch(0)」を実行します
if(parseInt(rcvdata[1]) == 0 || rcvdata[1] == "")
{
//基本マーカーに情報ウィンドウを設定します。
BasemyInfo = 'ホットペッパー検索の結果
このポイントでは見つかりませんでした。
マーカーをドラッグし移動させてください。
クリック移動も可能になります。
';
$('yado_ichiran').innerHTML ='';
}
//検索結果が ０件の以外の場合の処理を行います。
else
{
//各変数に値を設定します
str_html = rcvdata[0] ;
res_count = parseInt(rcvdata[1]) ;
view_count = parseInt(rcvdata[2]) ;
//表示件数が１０件に満たない場合はview_countを変更します。
var hasukensu = 0 ;
hasukensu = res_count- (start-1) ;
if( hasukensu < 10 )
{
view_count = hasukensu ;
}
for( var i = 0; i < view_count; i++ )
{
shop_id[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 += '次へ→';
}
//検索結果(result_html)を表示します。
result_html += '検索結果：' + res_count + ' 件（うち ' + ((start_page-1)*10 + 1) + '－' + ((start_page-1)*10+view_count) + '件を表示）
';
//このページの検索状態表示と店リストを作成します
shop_ichiran_html = "検索状態 : " + str_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; //店検索結果を設定
//------------------------------地図本文-----------------------------------------------
//地図をクリックすると情報ウィンドウを閉じるよう再設定します。
google.maps.event.addListener(map, 'click', function(event){
myinfowindow.close(map);
});
//基本のマーカー(BasemyMarker)をクリックすると情報を表示するように設定します。
google.maps.event.addListener(BasemyMarker, 'click', function(){
BaseshowInfo();
});
//情報ウィンドウの内容を設定します(view_count=実表示件数)
for( var i = 0; i < view_count; i++ )
{
myInfo[i]= '| ' + shop_name[i] + '（詳細） ' + shop_genrecpy[i] + ' |
写真提供：ホットペッパー.jp | 【営業時間】 ' + shop_open[i] + ' 【定休日】' + shop_close[i] + ' 【平均予算】' + shop_avrate[i] + '
|
';
}
// 各地点に中マーカー(A～J)位置を緯度、経度で設定します。
for( var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
myMarkPosition[i] = new google.maps.LatLng(shop_y[i],shop_x[i]);
}
// 各中マーカー(A～J)に情報ウィンドウを表示させます。
function showInfo(num){
var hyoji = function()
{
myinfowindow.setContent(myInfo[num]);
myinfowindow.open(map,myMarker[num]);
map.panTo(myMarkPosition[num]);
};
google.maps.event.addListener(myMarker[num], 'click', hyoji);
var mark_link = document.getElementById("mark_" + num );
if(mark_link){mark_link.onclick = hyoji;};
}
// 各中マーカー(A～J)を地図に設定します。
for(i=0; i < myMarkPosition.length ; i++){
myMarker[i] = new google.maps.Marker({
position:myMarkPosition[i],
icon: Mkimage[i],
shadow : Mkshadow,
map: map
});
showInfo(i);
};
//基本マーカーに情報ウィンドウを設定します。
BasemyInfo = '施設検索の結果
' + result_html +' １０件以上の場合、一覧表より別のページへ移動できます。
別の場所を検索する場合は
マーカーをドラッグし移動させてください。
クリック移動も可能になります。
';
//検索結果が0以外の場合の処理を終了します
}
//----cgiから受信したデータ加工を終了します----showResponse (request)の終了
//情報ウィンドウを表示し、obSearch();へ
show_makinfo();
}
// hotSearch終了
}