Não me perguntem o porquê do nome, mas o fato é que julio é esse mapa em Flash que conversa com Javascript. Ainda está em desenvolvimento, mas já uso pra alguns projetos e resolvi liberar todo o código no Google Code pra quem quiser usar.
Também tem uma página de exemplos aqui que é um manual de instruções.
Para ter uma idéia de como o mapa funciona, dê uma clicada pelos estados para experimentar o zoom:
Uma das aplicações do julio pode ser a exibição de gradações de cores no mapa de acordo com alguns valores. Peguei o preço médio do litro de gasolina em cada estado aqui e passei pra variáveis dentro do Javascript. E com isso basta um link para alterar tudo no julio: Clique aqui para ver no mapa. Passe o mouse sobre os estados para ver os valores. Quanto mais escuro, maior o preço da gasolina.
Não esqueça, dá pra brincar bastante com o mapa na página de exemplos.
puxa cara, muiiito bom mesmo! parabéns.
vou recomendar.
Fantástico! Vou espreitar melhor o código, gostaria de fazer algumas coias com essa aplicação.
Muito bom mesmo, Pedro! Desde o primeiro momento eu curti muito o Julio.
Só gostaria de saber se ele funciona pegando dados de um arquivo XML ou se é necessário um banco de dados.
Coloco isso, pois para usuários mais leigos (moçada de ONGs na maior parte) é mais fácil editar um arquivo-texto que mexer numbanco de dados…
Abração,
Carlos
Ainda não testei, mas estava a procura de algo semelhante e flexível, acho que achei
Só uma pergunta, como faço para atribuir uma URL ao click de um estado?
Parabéns pela iniciativa.
Oi Marcus, vc atribui qualquer função ao estado pelo javascript.
Crie no javascript uma função assim:
function chamaUrl(estado) {
window.open(“http://minhaurl?estado=”+estado)
}
e aí diga para os estados a chamarem.
defineFuncao(‘JS’,'chamaUrl’)
Note que ao definir a função, ela vai receber a sigla do estado.
Não testei nada do código acima, dê uma olhada na página de exemplos para um código mais confiável: http://www.pedrovalente.com/projetos/julio/julio_docs.html
Pedro,
Fantástico teu projeto, muito bom mesmo. Parabéns.
Se eu quisesse utilizar outro mapa, é possível? eu precisaria trabalhar como no mapa?
Uma última coisa: posso utilizar a biblioteca livremente?
Abraço
ola amigos,
não consegui baixar o zip, podem me ajudar por favor
izabel
Boa Tarde,
Não consigo visualizar o código! Alguém pode me ajudar?
Desde já muito obrigado!
baixei a pasta swfobject mais nao funcionou. o que estou fazendo de errado
[...] Site: http://www.pedrovalente.com/2008/05/01/com-voces-julio/ [...]
Ola, muito bom o controle, só gostaria de saber como recuperar via javascript o estado que eu cliquei.
Marcio, veja a página de exemplos, seção “Variáveis”, último item. ( http://www.pedrovalente.com/projetos/julio/julio_docs.html )
Ali você pode especificar que função JS deve ser chamada ao clicar. A sigla do estado é passada como parâmetro para ela e aí vc pode fazer o que quiser.
Eu não vi na documentação como altera o texto abaixo da sigla, é possivel?
perfeito, voce é D+!
Pedro, as funçoes não funcionam no IE 8 quando estou dentro de um o que pode ser?
abraços,
Jorge Nilson S. das Flores
ali seria um form..
cara urgente, nao estou conseguindo baixar no google code,
nao ha o arquivo.
muito bom seu trabalho, eu queria usa-lo mas nao estou conseguindo.
jah consegui via svn, vlw show de bola
Olá Pedro, seu mapa é realmente muito bom.
tenho a mesma duvida do Marcus.
Gostaria de ao clicar num determinado estado ele carregasse uma pagina dentro de um iframe.
Não entendi como fazer. você poderia me ajudar?
ei julio tem como vc disponibilizar o arquivo do mapa ja pronto ?
desde ja agradeço
gostei do projeto, porém achei a documentação bem fraquinha. estou com a mesma dúvida do nosso colega aí em cima. nesta página vc passa um link chamando mostraPesquisa(), mas explica melhor cara! como mudar os textos dos boxes? e como desabilitar o link que amplia os estados. só quero mostrar os representantes de cada estado.
Pedro,
Seu projeto é simplesmente fantástico.
Parabéns, e obrigado por disponibilizar os códigos.
Bom Dia a todos,
No IE funcionou que é uma blz… mas no mozilla e no chrome nao rolou… alguém saberia me dizer pq???
Vlw!!!
Pedro,
Parabéns, muito bom projeto.
Tenho uma pergunta, para aumentar a caixa de texto chamada pelo mouseover nos estados, só com a edição do .fla ou tem alguma propriedade/método por javascript que pode ser usada?
Abraço,
Erick
Obrigado por este script Pedro, mas gostaria que funcionasse o exemplo que passou:
function chamaUrl(estado) {
window.open(“http://minhaurl?estado=”+estado)
}
e aí diga para os estados a chamarem.
defineFuncao(‘JS’,’chamaUrl’)
Poderia dar uma revisada por favor.
Grato,
Higor
Vc trocou o “minhaurl” pela sua URL?
Oi, tudo bem, aonde eu posso baixar esse o flash, pois preciso mudar a cor de verde para uma amarelo quase dourado.
É possível? Pois no Google Code, não esta disponilizado para download.
Aguardo o quanto antes.
Oi Patricia,
Os arquivos estão lá sim: http://code.google.com/p/julio/source/browse/#svn/trunk/src
Pedro,
desculpe, mas não tenho experiência em JS. preciso de um exemplo bem mastigado, funcionando, de como carregar o mapa com links nos estados. será q vc poderia acrescentar isso ao código, por favor?
desde já, obrigado.
abs
fala, Pedro, descobri oq tava faltando naquele seu exemplo de incluir links nos estados.
seguinte: tem q ter um certo código no julio.js e outro na página HTML.
NO JULIO.JS:
function chamaUrl(estado) {
window.open('http://exemplo.com/'+estado);
}
NO HTML:
(...)
function inicializaJulio() {
getJulio().defineFuncao('JS','chamaUrl');
}
(...)
o problema com documentações como a sua, na minha humilde opinião, é supor q leigos sejam capazes de juntar 2 exemplos e criar um terceiro. por outro lado, fica difícil (leia-se “impossível”…) cobrir tooodos os exemplos possíveis.
portanto estou te passando a experiência q tive de forma a aprimorar seu excelente produto.
abs e mto obrigado!
(o outro comentário ficou incompleto pq seu blog excluiu as tags de HTML… então reescrevi abaixo com colchetes.)
fala, Pedro, descobri oq tava faltando naquele seu exemplo de incluir links nos estados.
seguinte: tem q ter um certo código no julio.js e outro na página HTML.
NO JULIO.JS:
function chamaUrl(estado) {
window.open(‘http://exemplo.com/’+estado);
}
NO HTML:
[head]
(…)
[script type="text/javascript"]
function inicializaJulio() {
getJulio().defineFuncao(‘JS’,'chamaUrl’);
}
[/script]
(…)
[/head]
o problema com documentações como a sua, na minha humilde opinião, é supor q leigos sejam capazes de juntar 2 exemplos e criar um terceiro. por outro lado, fica difícil (leia-se “impossível”…) cobrir tooodos os exemplos possíveis.
portanto estou te passando a experiência q tive de forma a aprimorar seu excelente produto.
abs e mto obrigado!
Luciano, que bom que você conseguiu resolver.
Mas a idéia não era mesmo ensinar javascript pra leigos, mas documentar pra quem já tem alguma noção.
abs
Voce poderia fazer um tutorial de como fazer-lo.
Esta de parabens.