- 2007-10-19 (Fri) 11:51
- Ruby On Rails , googlemap
環境
- Windows上でVMwareにFedoraCore4 + Ruby On Rails（Rubyともにバージョンは現在2007/09/17の最新←テキトーだな）
- Puttyで接続してvimで開発
- Googleでキー取得のときに申請したホスト名は本番環境用なので、暫定的にHostsファイルをいじってローカルのFedoraのIPを割り当てる。
Rails でアプリ作成（アプリ名：map）
[obanetty@fedora ~]$rails map
トップページ用のmainコントローラとindexページ作成
[obanetty@fedora ~]$script/generate controller main index
トップページであるapp/views/main/index.rhtmlにGoogleMapを設置
もう、このサイトの言う通りにやったらすぐにできました。 素晴らしいです。
Geekなぺーじ - Google MAPS APIプログラミング
app/views/main/index.rhtmlの内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Mapテスト</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAABWYMASZTPMzQMXu2alSa6xTvcRCYKSpWpPqDL-sNMuxVdHFI_BTd8zF9kdpV97QhhvGd0NWsQckXsw"
type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 500px"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(38, 138), 5);
map.disableDragging();
}
GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
alert("x = " + point.x + ", y = " + point.y);
map.openInfoWindow(point,
document.createTextNode("openInfoWindow Test"));
}
});
//]]>
</script>
</body>
</html>
設定内容は以下（日本列島だけを表示するようにした） + 初期化位置を指定する + コントロールボタンを表示する + 地図をドラッグで移動できないようにする + クリック処理
クリックしたポイントの緯度と経度をalert表示させる処理も入れておいた。alertのスペルを忘れてて２、３度苦戦。
サーバ起動
[obanetty@fedora map]$ script/server -p 80
80番ポートで起動しないと申請した内容と変わるため。んで80番ポートを使用するには管理者権限が必要だった。
以降はサーバ起動したままで別のPutty窓からアプリを編集。この方がサーバの再起動が必要ないから楽。これはRailのWebrickサーバがデフォルト指定ではdevelopmentモードで起動し、サーバの再起動なしに動的にアプリケーションを読み込んでくれるから。
関連するエントリー GoogleMapでマッシュアップの練習 （Rails編） #2
このアイテムは閉鎖されました。このアイテムへのコメントの追加、投票はできません。
トラックバック:No Trackbacks
- トラックバック URL
- http://blog.garden-place.jp/action.php?action=plugin&name=TrackBack&tb_id=40
- Listed below are links to weblogs that reference
- GoogleMapでマッシュアップの練習（Rails編） #2 from Web 酒 肴
このエントリにトラックバックはありません
このトラックバックURLを使ってこの記事にトラックバックを送ることができます。
もしあなたのブログがトラックバック送信に対応していない場合にはこちらのフォームからトラックバックを送信することができます。.