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
データ分析エージェント Socrates の育て方
Avatar for na0 na0
8
2.7k
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
Avatar for kawabeaver kawabeaver
0
440
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
Avatar for sh_fk2 sh_fk2
3
460
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
280
機械学習を扱うプラットフォーム開発と運用事例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
670
Snowflake Intelligence × Document AIで“使いにくいデータ”を“使えるデータ”に
Avatar for Kosaku Ono kevinrobot34
1
120
「その開発、認知負荷高すぎませんか？」Platform Engineeringで始める開発者体験カイゼン術
Avatar for SansanTech sansantech
PRO
2
880
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
Avatar for cm-usuda-keisuke cmusudakeisuke
1
280
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
Avatar for Kento Kimura aoto
PRO
1
480
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
Avatar for Yusuke Wada wadayusuke
5
1.9k
Platform開発が先行する Platform Engineeringの違和感
Avatar for KintoTech_Dev kintotechdev
4
590
未経験者・初心者に贈る！40分でわかるAndroidアプリ開発の今と大事なポイント
Avatar for operandoOS operando
6
750

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
13k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
513
110k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k

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