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
Databricks Appsで実現する社内向けAIアプリ開発の効率化
Avatar for R-Miura r_miura
0
160
How to install a gem
Avatar for André Arko indirect
0
2k
GitHub Advanced Security × Defender for Cloudで開発とSecOpsのサイロを超える: コードとクラウドをつなぐ、開発プラットフォームのセキュリティ
Avatar for yuriemori yuriemori
1
120
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
2k
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
Avatar for comi comi190327
3
380
Zephyr(RTOS)でARMとRISC-Vのコア間通信をしてみた
Avatar for misoji engineer iotengineer22
0
110
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
180
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
RGBに陥らないために -プロダクトの価値を届けるまで-
Avatar for RightTouch righttouch
PRO
0
130
Sansanの認証基盤を支えるアーキテクチャとその振り返り
Avatar for SansanTech sansantech
PRO
1
120
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
0
170
FastMCP OAuth Proxy with Cognito
Avatar for iganin hironobuiga
3
230

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
460
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
140
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
150
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
920
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
250
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
230
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
120
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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