Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Google-Maps-for-Rails Walkthrough

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for ams340 ams340
November 27, 2012
Technology
220
2

Google-Maps-for-Rails Walkthrough

A quick walk-through of how to use Google Maps with Ruby-on-Rails.

Avatar for ams340

ams340

November 27, 2012

Other Decks in Technology

See All in Technology
Flutter Widget Previewerで始めるUIプレビューとVRTの自動化
Avatar for Aokiti sakusaku3939
0
190
Vue で書く 空間コンピューティング、TresJS と WebXR を使ったXR デバイスのフロントエンド開発
Avatar for Shingo Hiranuma hiranuma
0
140
re:Inventで、人生は変わったのか？ / growth-builders-hub-1-reinvent-2026
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
180
GitHub、使う？使わない？
Avatar for コロッケそば happysamurai294
0
130
推論基盤と Scale-Up Interconnect の現状と制約から俯瞰する技術動向
Avatar for Masayuki Kobayashi markunet
2
710
AIで選択肢が広がった組織設計の理想と現実
Avatar for konifar konifar
16
7.4k
AIコーディングエージェント開発_全体像
Avatar for コロッケそば happysamurai294
0
140
Vibe-to-Spec開発_実践ガイド
Avatar for コロッケそば happysamurai294
0
140
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
130
re:Invent の去年のスケジュールを公開します！
Avatar for Kazuki Miura miu_crescent
PRO
0
140
Agent 活用環境の構築・運用のための AWS サービスのご紹介/agentcore-for-building-and-operating-agents
Avatar for Renya Kujirada ren8k
1
310
"AWSはちょっと苦手"でも大丈夫。AWS Blocks で手軽に作る Flutter のバックエンド #FlutterKaigi
Avatar for Kihara, Takuya tacck
PRO
0
120

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
610
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
340
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
370
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
PRO
92
590k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
400
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
590
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
6k

Transcript

  1. Google-Maps-for-Rails Walkthrough [email protected]

  2. Walk-through Display all Public Pools in NYC as Markers on

    Google Maps, given their latitude/longitude coordinates and other optional attributes

  3. Walk-through • Google Maps • Google-Maps-for-Rails Gem • NYC Open

    Data • Rails - Implementation • Resources

  4. Google Maps

  5. Google Maps

  6. Google Maps

  7. Google-Maps-for-Rails Gem

  8. Google-Maps-for-Rails JS

  9. Display Everything!

  10. Display Everything!

  11. Display Everything!

  12. NYC OpenData

  13. JSON

  14. JSON Nested

  15. Rails - Bare Minimum Gems Google-Maps-for-Rails JSON rails generate gmaps4rails:install

    5 coffeescript files 1 CSS file Pool Scaffold 5 files - MVC + schema & seeds No Custom Javascript!

  16. Schema

  17. Model

  18. Seeds

  19. Controller

  20. View

  21. Source Code

  22. Google-Maps-for-Rails Map

  23. Resources [email protected] https://developers.google.com/maps/ https://github.com/apneadiving/Google-Maps-for-Rails https://nycopendata.socrata.com/ http://newcodeflow.herokuapp.com/blog/2012/11/14/how- to-query-nyc-open-datasets-with-socrata/ https://github.com/BradWheel/GPools