Comentários sobre: Colocando um mapa dentro do site com JQuery e JMap2

Por: Roberval César Menezes

Roberval César Menezes — Sun, 29 Jun 2008 16:51:23 +0000

Leandro, boa tarde!
Fico grato pela resposta, eu vi sim o exemplo e tentei aplicá-lo, porém sem sucesso por não saber o que colocar no parâmetro directionsPanel, já tentei colocar diversas coisas incluse o id da div.
Coloquei o endereço origem,destino porém quando executo a página não aparece as localizações.
Como vc mesmo disse, nunca ter utilizado esta funcionalidade, gostaria muito se me ajudasse a utlizá-la.
Um grande abraço, mais uma vez muito obrigado!

Por: Leandro Facchinetti

Leandro Facchinetti — Sun, 29 Jun 2008 15:11:46 +0000

@Roberval César Menezes

Nunca usei, mas olhei na documentação do JMaps e há uma função para isso, sim. Ela se chama searchDirections() e recebe um objeto com os endereços de partida e chegada.

Veja um exemplo de uso aqui:
http://jmaps.digitalspaghetti.me.uk/#searchdirections

Por: Roberval César Menezes

Roberval César Menezes — Sun, 29 Jun 2008 14:44:42 +0000

Leandro, quero parabenizá-lo pelo artigo que é muito claro e aplicável de forma simples, quero parabenizá-lo também pela presteza na resposta,de extrema qualidade, aos comentários aqui postados .
Quero aproveitar aqui para lhe fazer uma pergunta:
Há a possibilidade de se colocar um endereço origem e um destino e ser realizado um trace entre os endereços, como a opção de “como se chegar” disponível na página do google maps?
Desde já agradeço a atenção e parabenizo pela iniciativa.

Por: Leandro Facchinetti

Leandro Facchinetti — Tue, 27 May 2008 01:21:43 +0000

@Vilmondes Eracton

A minha razão é usar o mesmo padrão de desenvolvimento que já estava acostumado com o JQuery. Não precisei aprender a usar a API do Google Maps porque o JMaps já fazia tudo por mim de forma simples e absolutamente satisfatória.
Só de não precisar mesclar estilos diferentes no código e usar a sintaxe do JQuery, que me agrada muito, já fico feliz.

Por: Vilmondes Eracton

Vilmondes Eracton — Mon, 26 May 2008 14:53:30 +0000

Por que eu usaria esse plugin visto que o próprio google fornece um iframe para que eu coloque o mapa em minha página?

Por: Rodrigo

Rodrigo — Fri, 02 May 2008 21:20:19 +0000

correções (implanterem)(existem)

Por: Rodrigo

Rodrigo — Fri, 02 May 2008 21:19:35 +0000

Olá parabéns pela iniciativa eu tava testando agora o alpha e ja ta rolando o 2… , mas tem uma funcionalidade que se implantem-se(não sei se exixte) ,
igual desse exemplo [http://olbertz.de/jquery/googlemap.html] [não funciona no ie bosta e nem no opera,so no firefox e safari ¨],pegando os valores do bd através de json ficaria muito show.

Será que tem como nesse projeto no momento fazer isso??

Valeu abraço.

Por: Marco Biruel

Marco Biruel — Wed, 13 Feb 2008 15:09:37 +0000

Leandro, ainda não testei, mas de cara quero agradecer a ajuda!

Boa sorte e grande abraço!

Por: Leandro Facchinetti

Leandro Facchinetti — Tue, 12 Feb 2008 21:43:02 +0000

@Marco Biruel
É possível fazer uma busca por endereço, sim. E é muito simples.
Da mesma forma que eu usei a função addMarker, você pode usar a searchAddress. O objeto com parâmetros que ela recebe, entretanto, é um pouco diferente. Veja como fica:
Na parte

$(this).jmap({//aqui é acolocação do mapa em si, dentro dessa função vai um objeto com as opções, não listarei todas, só as que julgo serem mais importantes
mapCenter: [-27.608000, -48.53770],//as coordenadas da onde o mapa será aberto. Para descobrí-las entre no Google Maps, ache a região que lhe interessa e clique em “Criar link para esta página”, observe a url gerada, procure por duas sequência de número logo no início, são elas que você deve colocar aqui
mapZoom: 17,//nível de zoom do mapa quando aberto
mapShowOverview: false,//mostrar pequeno mapa da região no canto inferior direito
mapShowType: false//mostrar o tipo de mapa: mapa, satélite, terreno
}).addMarker({//adicionar aquele marcador vermelho
pointLat: -27.608450,//as coordenadas de onde o marcador deve ser criado
pointLng: -48.53770,
pointHTML: “

Paralelo 22

Praça Abdon Batista
Saco dos Limões - Florianópolis - SC

”,//html a ser exibido no balão do marcador, é possível manipular a formatação desse html pelo css da página. Incrível, não? openHTMLEvent: “mouseover”//evento que dispara a abertura do marcador
})

troque por

$(this).jmap({
mapZoom: 17,
mapShowOverview: false,
mapShowType: false
}).searchAddress({
address: “Endereço a ser buscado”,
addMarker: true,
showAddress: true
})

Logicamente, no atributo address você troca o valor pelo endereço a ser buscado. Para ler o endereço escrito em um campo de formulário, use $(”seletor do input com endereço”).val(), ou ótimo plugin Form, que eu também recomendo.

Por: Marco Biruel

Marco Biruel — Mon, 11 Feb 2008 12:46:11 +0000

Olá Leandro, parabéns pelo trabalho.
Lí seu tutorial e gostaria de saber a possibilidade de se mostrar o mapa a partir de um endereço pego por um forumulário na página.
Pode me ajudar?

Abraço

Marco Biruel