SlideShare uma empresa Scribd logo
1 de 12
Google Maps para Rails
Configuración y Aplicación
Instalación gmaps4rails
GemFile
Adicionar: gem 'gmaps4rails'
Layouts
Adicionar en:
app/views/layouts/application.html.erb

       En la cabecera
       <%= yield :head %>


       En el pie de pagina
       <%= yield :scripts %>
Instalación gmaps4rails
En el prompt ingresar el comando
rails generate gmaps4rails:install
Configuración Básica
Colocamos en el modelo (Model) de la página que deseamos maneje el mapa
donde captará la información que se requiere del mapa y los insertara al momento
de guardarlo.


 App/models/estacionamiento.rb
Adicionar Campos
Modificamos el migrate y el seed, adicionando 3 campos principales

add_column :users, :latitude, :float
add_column :users, :longitude, :float
add_column :users, :gmaps, :boolean
Adicionar Etiqueta en controlador
App/controllers/estacionamientos_controller.rb

@json = Estacionamiento.all.to_gmaps4rails
Adicionar Etiqueta en Vista
App/views/estacionamientos/show.html.erb ( debe ir en una pagina antes del
registro del estacionamiento para realizar la selección de la ubicación


<%= gmaps4rails(@json) %>
Hecho!!!
Google maps para rails
Google maps para rails

Mais conteúdo relacionado

Semelhante a Google maps para rails

Programa de hola mundo
Programa de hola mundoPrograma de hola mundo
Programa de hola mundo
Alexia Lecuona
 
Trabajo tecnología
Trabajo tecnologíaTrabajo tecnología
Trabajo tecnología
liced4ever
 

Semelhante a Google maps para rails (20)

Desarrollo de Mi Primer Mapplet
Desarrollo de Mi Primer MappletDesarrollo de Mi Primer Mapplet
Desarrollo de Mi Primer Mapplet
 
Practicas android studio efrain
Practicas android studio efrainPracticas android studio efrain
Practicas android studio efrain
 
Practicas android studio efrain
Practicas android studio efrainPracticas android studio efrain
Practicas android studio efrain
 
Practicas android studio efrain (1)
Practicas android studio efrain (1)Practicas android studio efrain (1)
Practicas android studio efrain (1)
 
Taller mapsforge
Taller mapsforgeTaller mapsforge
Taller mapsforge
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Grails: Framework para el desarrollo de aplicaciones Web No 3
Grails: Framework para el desarrollo de aplicaciones Web No 3Grails: Framework para el desarrollo de aplicaciones Web No 3
Grails: Framework para el desarrollo de aplicaciones Web No 3
 
Programa de hola mundo
Programa de hola mundoPrograma de hola mundo
Programa de hola mundo
 
Programa de hola mundo
Programa de hola mundoPrograma de hola mundo
Programa de hola mundo
 
Programa1 Hola mundo
Programa1 Hola mundoPrograma1 Hola mundo
Programa1 Hola mundo
 
Grails: Framework para el desarrollo de aplicaciones Web No 6
Grails: Framework para el desarrollo de aplicaciones Web No 6Grails: Framework para el desarrollo de aplicaciones Web No 6
Grails: Framework para el desarrollo de aplicaciones Web No 6
 
Google Maps
Google MapsGoogle Maps
Google Maps
 
LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"
 
Introducción al desarrollo de Google Mapplets
Introducción al desarrollo de Google MappletsIntroducción al desarrollo de Google Mapplets
Introducción al desarrollo de Google Mapplets
 
Hands on Lab: Usando el servicio de localización y mapas de Bing
Hands on Lab: Usando el servicio de localización y mapas de BingHands on Lab: Usando el servicio de localización y mapas de Bing
Hands on Lab: Usando el servicio de localización y mapas de Bing
 
Reportes de practicas
Reportes de practicasReportes de practicas
Reportes de practicas
 
Practica#1 - Semáforo
Practica#1 -  Semáforo Practica#1 -  Semáforo
Practica#1 - Semáforo
 
Usando Google Maps en tu Android App
Usando Google Maps en tu Android AppUsando Google Maps en tu Android App
Usando Google Maps en tu Android App
 
Google Earth Maps Api
Google Earth Maps ApiGoogle Earth Maps Api
Google Earth Maps Api
 
Trabajo tecnología
Trabajo tecnologíaTrabajo tecnología
Trabajo tecnología
 

Google maps para rails