当サイトの便利機能、地図から選ぶホテル検索。ご利用いただいてますでしょうか?
地図検索については、使いにくい所があって管理人自身が不満でしたが、何しろ技術がなくて。。。JavaScriptは難しい

少し使いやすいものにバージョンアップできたと自負しています。

ここにあるよ

地図からホテルを選ぶ

 

そもそも、このページがどこにあるかご存知でしょうか?例えば博多駅のホテル検索の場合、この赤丸部分をクリックすると出てきます。

地図からホテルを選ぶ

中心地点の決め方を直感的に分かりやすくした

考え方は以前のバージョンと同じ。中心地点を決めて、そこから徒歩何分というか距離でホテル検索をするというもの。中心地点の決め方は2つです。

ドラッグ&クリックによる方法

福岡の地理に慣れた人であれば、検索よりも自分でドラッグして中心地点を決めるほうが簡単です。例として、キャナルシティ博多から近いホテルを検索してみたいと思います。

地図からホテルを選ぶ

キャナルシティ博多はここです。グーグルマップスの地図操作をして、キャナルシティ博多を地図の中心部に持ってきます。ちょっと拡大してあげるのがコツ。

地図からホテルを選ぶ
地図からホテルを選ぶ

っで、地図上のどこかを左クリックすると中心部に矢印、そして上部に矢印位置の緯度経度が表示されます。これでパソコンが中心部を認識しましたので、宿泊日(空欄でも可)、大人人数などを入力すると希望のホテルが検索されてきます。

住所orキーワード検索

地図からホテルを選ぶ

住所検索も可能になりました。地図上部の「福岡県福岡市博多区住吉1丁目2」と入力して、右のボタンを押します。この時、エンターキーを押すのはダメ。必ず右横のボタンを押してください

地図からホテルを選ぶ

上記と同じようにキャナルシティ博多が認識されます。

地図からホテルを選ぶ

「キャナルシティ博多」と入力しても大丈夫なようです。ただし、キーワードだと、間違った位置が出ることもあるので注意。「櫛田神社」と入力すると、石川県の神社が出てきます。「福岡市 櫛田神社」なら大丈夫ですが、住所のほうが確実です。

日付けや、楽天・じゃらんなどの予約サイト選択、チェックインアウトの入力などは、今までと同様です。

スペシャル感謝

管理人は、Javascriptの知識が貧弱。自分でイチからプログラムを書くなど不可能です。しかし、ありがたいことに、サンプルプログラムや学習方法について教示してくださるブログやサイトがあって、なんとか形になりました。

以下の3サイトさんにはとても感謝しています。本当にありがとうございます。