Using PHP_MySQL with Google Maps - Google Maps API — Google Developers
Google maps para rails
-
Upload
alexander-quezada-chavez -
Category
Documents
-
view
1.124 -
download
0
Transcript of Google maps para rails
![Page 1: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/1.jpg)
Google Maps para RailsConfiguración y Aplicación
![Page 2: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/2.jpg)
Instalación gmaps4rails
![Page 3: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/3.jpg)
GemFile
Adicionar: gem 'gmaps4rails'
![Page 4: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/4.jpg)
LayoutsAdicionar en:
app/views/layouts/application.html.erb
En la cabecera
<%= yield :head %>
En el pie de pagina
<%= yield :scripts %>
![Page 5: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/5.jpg)
Instalación gmaps4railsEn el prompt ingresar el comando
rails generate gmaps4rails:install
![Page 6: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/6.jpg)
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
![Page 7: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/7.jpg)
Adicionar Campos
Modificamos el migrate y el seed, adicionando 3 campos principales
add_column :users, :latitude, :floatadd_column :users, :longitude, :float add_column :users, :gmaps, :boolean
![Page 8: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/8.jpg)
Adicionar Etiqueta en controlador
App/controllers/estacionamientos_controller.rb
@json = Estacionamiento.all.to_gmaps4rails
![Page 9: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/9.jpg)
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) %>
![Page 10: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/10.jpg)
Hecho!!!
![Page 11: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/11.jpg)
![Page 12: Google maps para rails](https://reader034.fdocuments.net/reader034/viewer/2022052622/5595a1901a28ab19448b477a/html5/thumbnails/12.jpg)