Exibir nomes dos últimos cadastros na tela sem atualizar

[wellingtonmelo 8]

Fala pessoal, beleza?

 

Estou desenvolvendo um projeto para um cliente, ele quer exibir algumas informações na tela, últimos cadastros feitos no sistema, últimas comissões geradas e tal.. até ai beleza!

 

O ponto que estou com dificuldades, por não saber como fazer, é que preciso exibir em um mapa, a localidade do usuário, no mapa do brasil pra ser mais específico. Eu consigo exibir os últimos cadastros, comissões etc.. de boa. Só essa parte do mapa que não sei como fazer.

 

Ele ta se baseando em um site gringo, este aqui: http://wholeworld.biz/

 

Alguém pode me dar alguma dica de como exibir o cadastro do usuario dentro do mapa, no meu caso é apenas o mapa do brasil, não mundial!

 

Já criei o layout, caso queira ver o mapa que usarei, Clica Aqui.

 

Grato por toda e qualquer ajuda!

Abraço!

[gabrieldarezzo 255]

Vish...

Via imagem como esta no seu mapa acho meio q impossivel.

 

Se fosse eu correria pra alguma API.

 

Exemplo:

https://developers.google.com/maps/documentation/javascript/maptypes#ProjectionTileUsage

 

 

o problema é q você meio q precisa de todas as coordenadas geográficas pra cada 'cadastro' e caso você não tenha você acaba trazendo um trabalho a mais pra ti.

 

Enfim bons estudos e boa sorte.

[wellingtonmelo 8]

Fala Gabriel,

 

Obrigado por sua dica amigo!

 

Passei o dia hoje estudando como fazer toda essa mágica, consegui chegar a um resultado bacana, usando amcharts.

 

Cheguei a este resultado AQUI. Ainda estou configurando, vou gerar alguns códigos, para puxar no cadastro do usuário, puxando o ESTADO que ele mora, dai com todos os Estados já com sua longitude e lagitude cadastrados no banco de dados, vai gerar o ponto no mapa. Sei nem se estou explicando direito, to na base do café aqui! hahaha

 

Bom, o desafio agora é exibir apenas o mapa do BRASIL, pois no exemplo que achei, puxa o dataProvider: { map: "worldLow" ... } que corresponde ao mapa mundial. Tentei o "brazilLow" mas não funcionou, nunca usei, e não sei JS.

 

Se alguém já usou essa belezura e puder contribuir, ficarei extremamente grato.

 

O Modelo que peguei e estou usando está AQUI.

 

Vlw gabriel, abraço!

[gabrieldarezzo 255]

Da uma olhada.

https://www.amcharts.com/visited_countries/#BR

[wellingtonmelo 8]

é... cheguei a ver, mas ainda não consegui separar somente o mapa do brasil.

 

É preciso fazer algumas coisas para exportar, tenho que dar uma estudadas de como fazer!

 

Vlw gabriel!

[wellingtonmelo 8]

Bom, consegui resolver o meu pepino, vou deixar o resultado aqui, para caso alguém tenha a mesma dúvida que eu.

Meu exemplo, com o mapa mundial, eu só queria o mapa do Brasil: https://jsfiddle.net/wellingtonmelo/35omzrzr/

Segue a solução: Todos os mapas são armazenados em arquivos separados que podem ser baixados separadamente, para economizar largura de banda quando apenas um determinado mapa é necessário. Para usar o mapa do Brasil ou qualquer outro, faz o seguinte:

No HTML do projeto em questão, basta substituir:

<script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>

por:

<script src="https://www.amcharts.com/lib/3/maps/js/brazilLow.js"></script>

Em seguida, é só definir o dataProvider's map para "brazilLow".

...
dataProvider: {
map: "brazilLow",
...

Vamos em frente!