Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Google-Maps-for-Rails Walkthrough

Avatar for ams340 ams340
November 27, 2012
Technology
2
210

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
Tweet

Other Decks in Technology

See All in Technology
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
Avatar for kou_kita kou_kita
0
180
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
Avatar for SansanTech sansantech
PRO
0
130
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
Avatar for shotaTsuge shotatsuge
4
440
AWS CDK 開発を成功に導くトラブルシューティングガイド
Avatar for Ryota Nakajima wandora58
3
130
開発生産性を組織全体の「生産性」へ！ 部門間連携の壁を越える実践的ステップ
Avatar for ussy / @sudo5in5k sudo5in5k
3
7.5k
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
Avatar for kohbis kohbis
2
380
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for dobek566 flyunitedguide
0
430
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for markhor64456 airhelpsupport
0
390
Delegating the chores of authenticating users to Keycloak
Avatar for Alexander Schwartz ahus1
0
160
FOSS4G 2025 KANSAI　QGISで点群データをいろいろしてみた
Avatar for kou_kita kou_kita
0
410
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
Avatar for ymrl ymrl
2
240
United Airlines Customer Service– Call 1-833-341-3142 Now!
Avatar for vivankilkenny548+imnfc airhelp
0
170

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
830
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
980
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k

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