API Ruby Google Geo – Exemplo

Lá estava eu navegando pela internet novamente, comecei a ficar cansado e fui direto na fonte dos pacotes disponiveis no ruby => http://rubyforge.vm.bytemark.co.uk/gems/ , como sou curioso procurei “F3 do Firefox” por Google😛 , achei uma api a google-geocode blz… vamos fazer novamente, fazer uma aplicação Ruby on Rails Simples !

Ai vai o passo-a-passo novamente:

1) Vamos instalar a api:

gem install google-geocode

2)Iniciamos um projeto:

rails googlegeo

3) Criamos Um Controller:

  1. class GooglegeoController < ApplicationController
  2. require ‘google_geocode’
  3. def index
  4. end
  5. def localizar
  6. gg = GoogleGeocode.new ‘googlegeokey’
  7. @location = gg.locate params[:localizar][“texto”]
  8. end
  9. end

4) Criamos os views RHTML

index.rhtml

  1. <br><br><br>
  2. <center>
  3. <img src=http://www.google.com/intl/en_ALL/images/maps_results_logo.gif&#8217; />
  4. <br>
  5. <br>
  6. <%= start_form_tag :action => ‘localizar’ %>
  7. <%= text_field ‘localizar’,‘texto’ %>
  8. <%= submit_tag “Localizar” %>
  9. <%= end_form_tag %>
  10. </center>

localizar.rhtml

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
  2. http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;>
  3. <html xmlns=http://www.w3.org/1999/xhtml&#8217;>
  4. <head>
  5. <meta content=‘text/html; charset=utf-8’ http-equiv=‘content-type’ />
  6. <title>Google Maps JavaScript API Example</title>
  7. <script type=‘text/javascript’ src=http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAUsSOSwRBTxT6VkJY202e_BSEynlGjQ3xtyJqxw_IWtz4VVMVRhT2QpAtmwIDLimfJ7HDOFV9aOYPyw&#8217;></script>
  8. <script type=‘text/javascript’>
  9. //<![CDATA[
  10. function load() {
  11. if (GBrowserIsCompatible()) {
  12. var map = new GMap2(document.getElementById(“map”));
  13. map.setCenter(new GLatLng(<%=@location.coordinates[0]%>, <%=@location.coordinates[1]%>), 10);
  14. }
  15. }
  16. //]]>
  17. </script>
  18. </head>
  19. <img src=http://www.google.com/intl/en_ALL/images/maps_results_logo.gif&#8217; />
  20. <br>
  21. <body>
  22. <div id=‘map’ style=‘width: 500px; height: 300px’></div>
  23. </body>
  24. </html>

OBS: googlegeokey => tem que pegar no site do google => http://www.google.com/maps/

Esse sistema funciona da seguinte maneira, primeiro aparece uma pagina com uma caixa de texto e um botão, ali vc coloca o nome do pais, cidade ou estado… ai na pagina seguinte é mostrado o mapa do local. Não sei se ficou bem feito ! Se alguem puder melhorar o codigo fique avontade ! Até mais pessoal !

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s