Criando Aplicações com o plugin YM4R para utilizar Mapas do Google Maps com RubyOnRails – Parte 2

Posted On 31 julho, 2008

Filed under Tutoriais
Tags: , , , ,

Comments Dropped 8 responses

PARTE 1
Vamos ai Final de nosso Tutorial ^^

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.
O Download do projeto pode ser Feito na nova página do blog http://www.redrails.com.br/2008/07/criando-aplicacoes-com-o-plugin-ym4r-para-utulizar-mapas-do-google-maps-com-rubyonrails-parte-2/

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

Anúncios

8 Responses to “Criando Aplicações com o plugin YM4R para utilizar Mapas do Google Maps com RubyOnRails – Parte 2”

  1. Clovis

    Parabens pelo artigo, dei uma lida superficioal, mas com certeza será útil no futuro!

    abraços.

  2. Luiz Arão Araújo Carvalho

    Obrogado Clovis.
    Seu Blog sobre Poker tbm é muito interessante!
    abraços

  3. vinicius luiz

    Ola Luiz!
    cara o codigo fonte para download esta quebrado ou não existe mais. Você poderia corrigir esse problema para que seja possivel baixar o fonte usado na explicação que você explanou.???????

  4. Lucas novaes

    cara eu fiz aqui, mas nao aparece a imagem do mapa quando chamo show..o q pode ser?

  5. Lucas novaes

    aparece na pagina o seguinte:

    Nome: Teresina2

    Longitude: -42.80163

    Latitude: -5.08921

    var map; window.onload = addCodeToFunction(window.onload,function() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById(“map_div_id”)); map.setCenter(new GLatLng(“-5.08921″,”-42.80163″),14);map.addOverlay(addInfoWindowToMarker(new GMarker(new GLatLng(“-5.08921″,”-42.80163″),{title : “Where am i?”}),”Hello”,{}));map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); } });

    esse script era pra ser o mapa..mas acontece isso..

Deixe um comentário

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