Eu adicionei o seguinte código na Action Show, pra quando for visualizar as informações veja o mapa junto, dá pra fazer também no index ai você mostra todas as localidades e tals ou mesmo criar uma outra action apenas para mostrar o mapa, a gosto do freguês.

@map = GMap.new(“map_div_id”)
@map.control_init(:large_map => true, :map_type => true) @map.center_zoom_init([@mapa.latitude,@mapa.longitude], 14)
marker = GMarker.new([@mapa.latitude,@mapa.longitude], :titile => “Onde eu estou?”, :info_window => “Olá Palmas, Tocantins”)

@map.overlay_init(marker)
Aqui está o motor de nosso mapa vamos à explicação: @map = GMap.new(“map_div_id”) map_div_id é o id que vai ser gerado em seu HTML

@map.control_init(:large_map => true, :map_type => true)
Definimos opções visíveis no mapa :large_map define a presença da ferramenta de zoom e deslocação. :map_type informa se será possivel escolher os tipos de mapa (Mapa, Satélite e Hibrido).

@map.center_zoom_init([@mapa.latitude,@mapa.longitude], 14)
Definimos qual será a posição inicial do nosso mapa e o zoom default de nosso mapa. Onde @mapa.latitude e @mapa.longitude são as coordenadas que, eu em meu sistema, cadastrei.

marker = GMarker.new([@mapa.latitude,@mapa.longitude],
define aposição de nosso marcador

:title => “Onde eu estou?”, :info_window => “Olá Palmas, Tocantins”)
Definimos a legenda e o texto que irá aparecer no balão.

@map.overlay_init(marker)
Ai, informamos que desejamos rendenrizar o marcador que criamos. Agora vamos a nossa view, no nosso caso o show de mapas, escolhido por nós(EU) para ser nossa interface para o mapa.

/app/views/mapas/show.html.erb Adicione o seguinte código 600, :height => 400) %> Onde você pode definir o tamanho do seu mapa com :width e :height.

Ok, cadastramos nossa Localidade.

E vamos mostrar nosso resultado.

Colocando a Aplicação em produção

Após ser feita a transição para modo de produção seu mapa não apareceu mais?
Bom, como dito no inicio necessitamos de uma chave real do Google Maps, então vamos lá. Essa chave pode ser adquirida aqui. Aceite os termos e digite o endereço de sua aplicação

E aperte o botão [Generate API Key] Bom essa é sua chave a copie para um lugar seguro.

Ok, agora vamos até nosso arquivo config/gmaps_api_key.yml E Colocamos nossa chave lá. Do modo que está lá você informa o domínio e a chave para aquele domínio, para mim não deu certo, deu certo apenas quando coloquei a chave direto em production como esta em no exemplo abaixo:

Isso Funcionou apenas o modo de Produção, para o Desenvolviemtno deixe o codigo como esta.

Pronto sua aplicação deve estar funcionando. Qualquer duvida:
Comente e Volte para ler sua resposta. Obrigado pela paciência e se acharem erros (com certeza acharão muitos) me avisem, por favor, para que possa corrigi-los.

Download do Projeto

Updated: 12 -09-2008

Valeu ai Nofxx pela correção temporal em meus verbos

Para complementar meu amigo Jackson Pires fez um post sobre o assunto confira

Olá Leitores.

Depois hoje vou fazer um tutorial muito legal, manipulação da API do Google Maps utilizando o plugin YM4R

Agradecimentos:
Este Tutorial não seria Possível se não fosse a ajuda da galera do Grupo Rails-BR e em especial para meu amigo Eduardo Scoz do Mapia que me deu uma força muito grande com isso.
E ao tutorial que eu me baseei pra fazer esse aqui o do Juixe TechKnow

Tambem a Blogs que me inspiraram a criar o meu e tentar passar experinências que ganhei com essa linguagem, dentre eles:
AkitaOnRails
E o Nome do Jogo

Artilharia:
• IDE Utilizada NetBeans 6.1 Pt-BR
• Versão Utilizada: Ym4r 0.6.1
• Rails 2.1

Mão na Sogra. ou a obra.

Primeira coisa é criar nosso projeto RubyOnRails.
Arquivo->Novo Projeto->Ruby->Ruby On Rails
PROXIMO>

Renomeie a seu gosto!

Criado nosso projeto vamos atrás de nosso Plugin.
Clique com o direito no ícone do seu projeto e vá até [Pligins Rails] e na janela que se abrir clique na aba [Repositórios]

Logo após aperte o botão [Adicionar URL] e coloque a URL do repositório do YM4R

http://ym4r.rubyforge.org/svn/ym4r/Plugins/GM/trunk

[OK]

Agora vá até a Aba [Novos Pligins] espere os plugins carregarem então escolha o nosso YM4R

E aperte [Instalar]

Após baixar e instalar o Plugin Aperte [Fechar] e [Fechar].

Ou utilize na linha de comando apenas:

(Obrigado pela dica Eduardo)

ruby script/plugin install svn://rubyforge.org/var/svn/ym4r/Plugins/GM/trunk/ym4r_gm

Agora vamos criar o banco se não nossa aplicação não vai funfar.

Clique com o direito no seu projeto

Executar Tarefa Rake -> db -> create

Vou criar um Scaffold com algumas informações relevantes, Clique com o direito no Projeto e na opção [Gerar]

No Campo NOME DO MODELO digite:

mapa nome:string longitude:string latitude:string

Antes de Qualquer coisa vamos aplicar as migrates

Clique com o botão direito no seu projeto e

Migrar bando de dados -> Para a versão XXXXXXXXXXX – CreateMapas

Saída:
== 20080725214621 CreateMapas: migrating ======================================
– create_table(:mapas)
-> 0.0183s
== 20080725214621 CreateMapas: migrated (0.0187s) =============================

Vamos testar. Basta apenas apertar F6

Ok, Tudo pronto vamos aos mapas.

Na pasta Configuração você encontra o arquivo chamado onde você irá colocar sua chave do Google Maps. Em modo de desenvolvimento isso ainda não é necessário, mas quando formos colocá-lo em produção iremos dizer como realizar esse procedimento

Precisamos agora carregar os Java Scripts do Google Maps para nossa aplicação, vamos ao : /app/views/layouts/mapas.html.erb

Adicionamos as linhas, entre as tags Heads:

   <%= GMap.header %> e <%= javascript_include_tag 'ym4r-gm'    %>

Após isso vamos ao nosso controller.

/app/controllers/mapas_controller.rb

Até A Parte 2
Abraços!

Testando a Operação no Web Service:

Bom, mas cadê minha soma?? Calma, isso era somente para testar o nosso Servidor, vamos agora testar nossa operação implementada:

Bom então vamos lá, volte ao NetBeans e para a Aba de projetos(Projects), vá até a pasta Web Services clique com o Direito em Seu Arquivo Servidor [MyWsServidor] e vá ate Test Web Service.

As vezes aparece essa mensagem mas o navegador abre, então ignorem

Opa. Agora sim, Nossa Operação está ai, vamos testa-la. Vamos colocar 2, 3 e Apertar em Soma.

E Está ai nosso Resultado. 2+3 retorna um Interio “ 5”.

Distribuindo seu Web Service:

Voltando a Pagina Anterior temos na primeira linha depois do titulo:

“This form will allow you to test your web service implementation (WSDL File)”
Nesse WSDL File Esta o Link de Distribuição, o Cliente que irá consumir seu Web Service deve utiliza-lo. Clique com o direito e copiar link(no FireFox).

Consumindo Web Service:

Agora Vamos criar o cliente que irá utilizar o seu Web Service para fazer suas somas (XD).

File-> New File -> Web Service -> Web Service Client

NEXT >

Aqui você deve Selecionar a Opção WSDL URL e colar a Url que você pegou lá do WSDL File no seu Servidor, em nosso caso: http://localhost:8080/MyWebService/MyWsServidorService?WSDL
FINISH ]

Mais uma parte de nosso Tutorial emcerrada.
em breve a ultima parte desse turorial.
ate breve.

- Este Tutorial foi feito Utilizando as seguintes ferramentas
> Servidor GlassFish v2
> Versao do java EE 5
> NetBeans 6.1

Projeto:
File -> New Project-> Web -> Web Application

NEXT >

Nome de sua Aplicação: MyWebService

NEXT >

2) Escolha o Servidor, no nosso caso GassFish V2. Depois a versão do Java EE, deixe 5.

FINISH > (já podemos finalizar nosso projeto.)

Pronto nosso projeto WebService está pronto, vamos ao Servidor

Criar Servidor:

File -> New File -> Web Services -> Web Service

NEXT >

Coloque o nome do seu Web Service[MyWsServidor] e coloque o nome do pacote(Package)
[ wspkg](OS: não use como na imagem, use apenas letras minusculas) o resto deixe como está.

FINISH ]

OK, Nosso Servidor de Web Service Está Pronto. Vamos rodar o Servidor
Iniciar Servidor:
Na Aba SERVICES (Ou CTRL+5) Vá à SERVERS -> GlassFish, clique com o Direito e em START

Bom.
Até agora nada de nosso Web Service. no promimo post vamos colocar
as nossas operações.

Parte 2