AJAX: 2007年9月アーカイブ

AJAX/JavaScript・Pythonの習作としてGoogleMapsとHotpepperをマッシュアップしてみました。地図をクリックするとその周辺のお店の情報が表示されます。ゆーすけべー日記「4travel.jpとGoogleマップのマッシュアップサイトを作ってみた」を参考にしまくっています。

地図をクリックするとその周辺3kmのお店情報が20軒ほど出てきます。

GoogleMapAPIでクリック位置を取得し、Prototype.jsでその値をPythonで書いたCGIに送って、店名・URL・画像URLなどをJSON形式で返します。そのJSONを解析してAJAXで表示という感じでやってみました。とりあえず動きました。

習作故、何かと動作不安定な部分はご了承ください。

わからないことだらけの状態からのスタートだったので、ウェブ界隈のスキルを色々学べて勉強になりました。以下ではその学習過程のメモを残しておきます。