Latitude e Longitude

Latitude e Longitude Estou tentando colocar latitude e longitude da minha atual localização mas vi que não existe nenhuma biblioteca para isso. Alguém tem conhecimento nessa parte. Descrição: Os usuários do sistema trabalham externos e ao cadastrar um novo cliente eu quero ter a latitude e longitude de onde esse usuário fez o cadastro do cliente. Os usuários usam o sistema pelo celular....

Luis Henrique 21/01/2020 (há 5 anos)

Estou tentando colocar latitude e longitude da minha atual localização mas vi que não existe nenhuma biblioteca para isso. Alguém tem conhecimento nessa parte.

Descrição:
Os usuários do sistema trabalham externos e ao cadastrar um novo cliente eu quero ter a latitude e longitude de onde esse usuário fez o cadastro do cliente. Os usuários usam o sistema pelo celular.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (6)

Ailton Furtado 01/02/2020 (há 5 anos)

Boa tarde Luiz Henrique.
Eu uso o leaflet com o adianti com sucesso.

Dê uma olhada. https://leafletjs.com/

Qualquer dúvida, comunique.

Atenciosamente,
Ailton Furtado,

Juliano Santos 12/07/2021 (há 3 anos)

Ailton tem algum exemplo do uso de Leaflet com o Adianti. Estou com um projeto aqui e pelo que entendi o Leadflet vai me atender para esta necessidade, gostaria de entender a dinamica no Adianti antes

Ailton Furtado 12/07/2021 (há 3 anos)

Boa noite Juliano.
Tenho um exemplo que fiz usando o template do adianti e usei para ministrar um minicurso do leaflet e funcionou perfeitamente.

Juliano Santos 12/07/2021 (há 3 anos)

Ailton, poderia disponibilizar pra gente, e sobre o curso onde encontro mais detalhes ??

Ailton Furtado 14/07/2021 (há 3 anos)

Caro Juliano, boa noite. Segue abaixo o código que gera um mapa usando o leaflet com a utilização de geojson.

Em relação ao minicurso, foi pelo labgis da UERJ.

https://www.ggp.uerj.br/2019/palestras-e-cursos/minicurso3.php

Me passe o seu email particular para lhe passar a figura do mapa que é gerado pelo código abaixo, pois por aqui consigo anexar imagem.

==========================================================================

 <?php
/**
 * NewIssueForm Registration
 * @author  <your name here>
 */
 
class Geo extends TPage
{
    private $form; // form
    /**
     * Class constructor
     * Creates the page and the registration form
     */
    function __construct()
    {
        parent::__construct();
        /* iniciar inclusão do leaflet*/
        TPage::include_js("lib/adianti/include/leaflet/leaflet.js");
        TPage::include_css("lib/adianti/include/leaflet/leaflet.css");
        TPage::include_js("app/templates/Rio_de_Janeiro_PlanoCarreira.json");
        TPage::include_js("app/templates/Rio_de_Janeiro_Professores.json");
        $this->form = new BootstrapFormBuilder('form_mapa');
        // creates the action button
        $btn_mapa = new TButton('limpa');
        $btn_mapa->setAction(new TAction(array($this, 'onGeraMapa')), 'Gera Mapa');
        $btn_mapa->setImage('fa:eraser blue'); 
 
        $this->form->addFields( [$btn_mapa] );            
        // creates the DIV element with the images
        $mapa = new TElement('div');
        $mapa->id    = 'mapa';
        $mapa->style = "width:100%;height:400px";     
        
        // creates the page structure using a vbox
        $container = new TVBox;
        $container->style = 'width: 100%';
        $container->add(new TXMLBreadCrumb('menu.xml', __CLASS__));
        $container->add($this->form);
        $container->add($mapa);        
        
        // add the vbox inside the page
        parent::add($container);
    }
    
    public function onGeraMapa($param)
    {
        TScript::create("    
        
            /*Faz a classificação de acordo com a variável*/
            function getColor(d) {
                return d > 1200           ? '#E31A1C' :
                   d <= 1200 && d > 500   ? '#FC4E4A' :
                   d <= 500  && d > 300   ? '#FC4E2A' :
                   d <= 300  && d > 100   ? '#FD8D3C' :
                   d <= 100  && d >= 0    ? '#FEB24C' :
                                            '#FFEDA0' ;
            };    
            /*Estilo do mapa e chamada da função de classificação*/
            function style(feature) {
                return {
                    fillColor: getColor(feature.properties.FUNDAMENTA),
                    weight: 2,
                    opacity: 1,
                    color: 'white',
                    dashArray: '3',
                    fillOpacity: 0.7
                };
            }; 
             /*Criação da variável que será utilizada como camada base*/
            var camada_base  = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png');
            /*Criação da variável mapa e a localização onde o mapa será centralizado e o nível do zoom*/
            var mapa = L.map('mapa',{layers:[camada_base]}).setView([-22.903719, -43.1760605], 7);
                    
            /*Criação da variável da camada fundamental que ficará sobreposta a camada base*/
            var fundamental = new L.geoJSON(geo_fundamental,{onEachFeature:function(feature,layer) {
            layer.bindPopup(feature.properties.GEOCODIGO+'</b><br />'+feature.properties.NOME+'</b><br /> Fundamental: '+feature.properties.FUNDAMENTA);
            },style:style});        
            /*Criação da variável da camada fundamental que ficará sobreposta a camada base*/
            var plano = new L.geoJSON(geo_plano,{onEachFeature:function(feature,layer) {
            layer.bindPopup(feature.properties.GEOCODIGO+'</b><br />'+feature.properties.NOME+'</b><br /> Plano de Carreira: '+feature.properties.PCARREIRA);
            }});        
        
            var baseLayers = {'Mundo': camada_base};
            var overlays = {'Fundamental' : fundamental, 'Carreira' : plano};
        
            L.control.layers(baseLayers,overlays).addTo(mapa);
            fundamental.addTo(mapa);    
            
            /*Carrega a legenda */
            var legenda = L.control({position: 'topright'});
            legenda.onAdd = function (mapa) {
                    var div = L.DomUtil.create('div', 'info legend'),
                        grades = [0, 100, 300, 500, 1200],
                        labels = [];
                        
                    for (var i = 0; i < grades.length; i++) {
                        div.innerHTML +=
                            '<i style=\"width: 16px; height:16px; float:left; 
                            margin-right: 8px;opacity: 0.7; background:' + getColor(grades[i] + 1) + '\"></i> ' 
                            + grades[i] + (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');
                    }                    
                return div;
            };        
            legenda.addTo(mapa);        
         ");        
    }    
    
}
?>

</your>

Juliano Santos 15/07/2021 (há 3 anos)

Bom dia Ailton, e obrigado pela resposta. Meu email é juliano.tdm@gmail.com

Agradeço mais uma vez pela atenção.

Novo Comentário