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
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
コミュニティの有益性 ~JAWS Days 2026 での体験を通して~ / The Benefits of a Community ~Through My Experience at JAWS Days 2026~
Avatar for shiro seike seike460
PRO
0
290
toB プロダクトから見たWAF
Avatar for tokai235 tokai235
0
220
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
Avatar for KAKEHASHI kakehashi
PRO
1
270
製造現場での生成AIの活用、およびエージェントAIの実装のあり方、AVEVAの取り組み
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
170
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
Avatar for Yuya Takeyama yuyatakeyama
3
850
水を運ぶ人としてのリーダーシップ
Avatar for izumii19 izumii19
4
1k
Deep Data Security 機能解説
Avatar for oracle4engineer oracle4engineer
PRO
2
220
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
Avatar for Yuki Shiho shihochan
2
1k
アラート調査向けAIエージェントの本番導入とその後/AI Agents for Alert Investigation: Production Deployment and After
Avatar for SadayoshiTada taddy_919
1
190
AIAU_UMEMOGU_ninomiya_slide
Avatar for ninomiya ninomiya_ii
0
270
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
Avatar for philomagi tooppoo
0
210
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
Avatar for seafay seafay
PRO
1
500

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
400
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.9k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
350
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
190
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
170
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k

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