今回は、Google Maps APIとHeartRails Expressの最寄駅情報取得 APIを連携させて クリックした場所の最寄り駅を取得してみます。 いわゆるマッシュアップというやつですね。 まずはGoogle Maps APIですが、これは思ったより簡単に使えます。 version3になってから、APIキーも無しで使うことが出来るようになり、何の準備もなくScriptを書き始められます。 ScriptタグでGoogle Map APIのJavaScriptを読み込みます。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false"> </script> Body要素の中にMapを表示するためのdiv要素を配置しておきます。 <div id="map_canvas