//じゃらんＡＰＩウェブサービスを利用しています。
//宿コードを指定する事によりバリューコマースじゃらんから指定の宿詳細を表示します。
//コード＝ 
' + hotel_name[i] + '（詳細）
function doSearch (start_page){
//alert('doSearch開始');
//mapクリックを無効にします。
google.maps.event.clearListeners(map, 'click');
//alert('start_page=' + start_page);
//基本マーカー以外全てを削除します。
del_all();
//利用する変数を設定します。
var str_html = "" ; //htmlエラー表示の取得
var res_count = 0 ; //対象宿の該当件数を取得
var view_count = 0 ; //このページの表示件数を取得
var hotel_id = new Array (); //各宿番号の取得
var hotel_photo = new Array (); //各宿写真のURLを取得
var hotel_name = new Array (); //各宿名を取得
var hotel_catchcopy = new Array (); //各キャッチコピーを取得
var hotel_rate = new Array (); //参考料金の表示
var hotel_jx = new Array (); //各緯度を取得
var hotel_jy = new Array (); //各経度を取得
var result_html = ""; //html検索結果を表示する
var pagenavi_html = ""; //htmlページナビゲーションを表示する
var yadoichiran_html = ""; //htmlで宿一覧を作成
var start = 1 ; //ページ初期値を１ページ目と設定します。
var wy = BasemyMarkPosition.lat(); //世界系緯度
var wx = BasemyMarkPosition.lng(); //世界系経度
// 世界測地系（度）から日本測地系（度）に変換します
var jy = wy * 1.000106961 - wx * 0.000017467 - 0.004602017; //日本系緯度
var jx = wx * 1.000083049 + wy * 0.000046047 - 0.010041046; //日本系経度
//日本測地系（ミリ秒）に変換します
var jy_ms = parseInt(jy * 3600 * 1000); //日本系緯度
var jx_ms = parseInt(jx * 3600 * 1000); //日本系経度
//cgiに必要なデータを送信します
//開始ページ、ミリ秒単位の緯度経度をクエリの要素として加えます
start = (start_page -1) * 10 + 1;
$('f').start.value = start;
$('f').x.value = jx_ms;
$('f').y.value = jy_ms;
//題名欄に「じゃらん宿の検索」をしている旨の表示をします
$('kekka_daimei').innerHTML = 'じゃらん宿の検索';
$('page_navi').innerHTML = ''; //ページナビを消去する
//結果欄と一覧表欄に「只今 目的地設定中の表示をします
$('yado_kekka').innerHTML = '只今'
$('yado_ichiran').innerHTML = '
検索中...<\/p>';
//----cgiに必要データを送信
var myAjax = new Ajax.Request(
'search.cgi',
{
method: 'post',
postBody: Form.serialize($('f')),
onComplete:function(request) {
$('yado_ichiran').innerHTML = '
読み込み終了しました
';
// alert('読み込みが終了しました');
showResponse (request);
},
onSuccess: function(request) {
$('yado_ichiran').innerHTML = '読み込み成功しました
';
//alert('読み込み成功しました');
// jsonの値を処理する場合↓↓
// var json;
// eval("json="+request.responseText);
},
onFailure: function(request) {
//alert('読み込みに失敗しました');
request.transport.abort();
},
onException: function (request) {
//alert('読み込み中にエラーが発生しました');
request.transport.abort();
}
}
);
//----cgiに必要データを送信終了
//----cgiから受信したデータを加工します
function showResponse (request){
//alert('いまからデータ処理');
//alert('いまからデータ処理2' + request.responseText);
//cgiから受信したデータをcsv方式で受信します
var rcvdata = new Array();
rcvdata = request.responseText.split(",") ;
//alert('データ処理中');
//※検索結果が ０件の場合はコメントを表示し、obSearch();へ
if(rcvdata[1] == 0 || rcvdata[1] =="")
{
//基本マーカーに情報ウィンドウを設定します。
BasemyInfo = '検索の結果このポイントでは見つかりませんでした。
マーカーをドラッグし移動させてください。
クリック移動も可能になります。
';
$('yado_ichiran').innerHTML ='';
}
//検索結果が ０件の以外の場合の処理を行います。
else
{
//取得したデータをjavascriptで加工します
//各変数に値を設定します
str_html = rcvdata[0] ;
res_count = parseInt(rcvdata[1]) ;
view_count = parseInt(rcvdata[2]) ;
for( var i = 0; i < view_count; i++ )
{
hotel_id[i] = trim(rcvdata[(i * 7) + 3]); //各宿番号の取得
hotel_photo[i] = rcvdata[(i * 7) + 4]; //各宿写真のURLを取得
hotel_name[i] = rcvdata[(i * 7) + 5]; //各宿名を取得
hotel_catchcopy[i] = rcvdata[(i * 7) + 6]; //各キャッチコピーを取得
hotel_rate[i] = rcvdata[(i * 7) + 7]; //参考料金の表示
var sanko_ryokin = "";
if(eval(rcvdata[(i * 7) + 7]) == "0")
{
hotel_rate[i] = "" ;
}
else
{
sanko_ryokin = hotel_rate[i] ;
hotel_rate[i] = sanko_ryokin ;
}
hotel_jx[i] = parseFloat(rcvdata[(i * 7) + 8]); //各緯度を取得
hotel_jy[i] = parseFloat(rcvdata[(i * 7) + 9]); //各経度を取得
}
//表示可能な最大ページ数を計算します
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) + '件を表示）
';
//このページの検索状態表示と宿リストを作成します
yadoichiran_html = "検索状態 : " + str_html + "
" ;
for (var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
yadoichiran_html += '' + hotel_name[i] + '';
}
//各欄に結果を表示するコマンド
$('kekka_daimei').innerHTML = 'じゃらん宿泊施設検索結果';
$('page_navi').innerHTML = pagenavi_html; //ページナビを設定
$('yado_kekka').innerHTML = result_html; //宿結果件数を設定
$('yado_ichiran').innerHTML = yadoichiran_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]= '';
}
// 各地点に中マーカー(A～J)位置を緯度、経度で設定します。
for( var i = 0; i < view_count; i++ ) //view_count=実表示件数
{
myMarkPosition[i] = ChangeLocationJapanToGlobal(hotel_jx[i],hotel_jy[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();
}
//doSearchの終了
}