Railsで使えるGem

RailsでGoogle Mapを使ってみる~Google-Maps-for-Rails

投稿日:

github.com/apneadiving/Google-Maps-for-Rails

 

前提

こんな感じで

personの複数形はpeopleですよ!!

 

インストール

Gemfile

Gemfileに次の一行を加えてbundle

 

generate

javascriptとcssを生成します

add application.html.erb

javascriptを読み込みます

twitter-bootstrap-for-railsを使っている場合はjavascriptの読み込みをheaderに持ってこないと地図が真っ白になります

cssはデフォルトの設定で読み込んでくれます

model

modelにacts_as_gmappableの1行と、アドレス生成のために使うカラムを指定します

この場合はaddressで

もちろんデフォルトデータのようにcountry,cityとか細かく分けてもok

 

追記 mongoidでやったときのModelはこれ

 

 

migration

もともとのデータベースに次のカラムを加えます

 

Quick Start!

最小限のスタートはコントローラーとビューに一行ずつ書き加えればOK

controller

 

view

 

css

Twitter Bootstrapを使っている場合はcssの設定が必要だそうです

*追記

Twitter Bootstrapのグリッドデザインに合わせるには.map_containerと.gmaps4rails_mapの両方のwidthをautoに設定する

 

試す

名前と住所を登録すると、住所から緯度経度を自動的に登録してくれます

細かく書けば細かく指定してくれます

「名古屋」だけだと名古屋市役所でした

 

InfoWindowを表示する

インフォウィンドウも表示できますし、画像も表示できます

model

 

?APIキーの設定とかがなかったけど権利関係的には大丈夫なのかな?

いまのところ日に25,000ページ(ズームとかパンとかはカウントしない)を超えない限りは大丈夫。超えてもその時にいろいろ考えればいいみたい。

Usage Limits and Billing

 

-Railsで使えるGem
-, ,

執筆者:

  • Tomokazu Yoshida

    こちらを参考に実装させて頂きましたが、どうしてもマップが表示されません。

    (新たにモデルを作って行いました。)

    こちらの例では、コントローラ、ビューともに「show」について書き加えられておりますでしょうか?

    また、バージョンによって挙動が違ったりしますでしょうか。。(Rails 3.2.14 Ruby 1.9.3p392 Google Chromeを使用しました。。)

     

    何かアドバイスがあればご教示頂きたく思います。

     

    • seventh

      ブログを読んでいただいてありがとうございます!

      controllerとviewにはQuick Start!のところに書いたことを追加しただけです

      もし最小限の追加で表示されない場合は理由が何か確認されてみてはどうでしょうか?
      ブラウザにJavascriptのエラーが出てないかとか、モデルやコントローラーからログに変数の数値を出力してみるなどです。

      バージョン間の違いについては、GitHubの本家でも動かないという報告は出ていないようです
      ただ、Rails4のインストールでjsファイルなどをPublicからAssetsに移動したという話もあるので参考まで。

      この記事は本家のチュートリアルビデオをちょっとやっただけなので、詳しくはビデオをみてみてください

関連記事

no image

kaminari + Twitter Bootstrap2テーマでFirst,Prev,Next,Lastだけおかしい場合

前につくったTwitter Bootstrap2用のkaminariテーマをコピーして使おうとしたら表題の通り、First,Prev,Next,Lastがおかしい あと…も表示されない G …

ElasticSearchをRubyから使う~elasticsearch-ruby

By: Harry Rose – CC BY 2.0 目次1 gem elasticsearch-ruby2 環境3 インスタンス作成4 メソッド一覧5 情報取得6 ドキュメントの作成7 …

no image

Mongoidのandとorで悩み中

and

or

  orの方はハッシュで[crayon-59 …

RailsでECサイト構築6 固定ページを作る~spree

  ECサイトを作成するときには日本の法律にしたがって色々と表示しなければならない 表示しなければならないことについては次のページが詳しかった 本サイトについて 実際のECサイトをみれば実例 …

Rails3.2でページネーションをTwitter Bootstrapに対応させる~kaminari

github.com/amatsuda/kaminari 目次1 Gemfile & bundle2 設置3 テーマの作成 Gemfile & bundle [crayon-59e63 …