Lançado Adianti Framework 7.6!
Clique aqui para saber mais
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
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....
LH
Latitude e Longitude  
Luis Henrique 21/01/2020 (há 4 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 completo Meu Negócio Pronto
Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos


Meu negócio pronto Quero me inscrever agora!

Comentários (6)

AF
Ailton Furtado       01/02/2020 (há 4 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,
JS
Juliano Santos       12/07/2021 (há 2 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
AF
Ailton Furtado       12/07/2021 (há 2 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.
JS
Juliano Santos       12/07/2021 (há 2 anos)

Ailton, poderia disponibilizar pra gente, e sobre o curso onde encontro mais detalhes ??
AF
Ailton Furtado       14/07/2021 (há 2 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.

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

  1. <?php
  2. /**
  3.  * NewIssueForm Registration
  4.  * @author  <your name here>
  5.  */
  6.  
  7. class Geo extends TPage
  8. {
  9.     private $form; // form
  10.     /**
  11.      * Class constructor
  12.      * Creates the page and the registration form
  13.      */
  14.     function __construct()
  15.     {
  16.         parent::__construct();
  18.         /* iniciar inclusão do leaflet*/
  19.         TPage::include_js("lib/adianti/include/leaflet/leaflet.js");
  20.         TPage::include_css("lib/adianti/include/leaflet/leaflet.css");
  21.         TPage::include_js("app/templates/Rio_de_Janeiro_PlanoCarreira.json");
  22.         TPage::include_js("app/templates/Rio_de_Janeiro_Professores.json");
  24.         $this->form = new BootstrapFormBuilder('form_mapa');
  25.         // creates the action button
  26.         $btn_mapa = new TButton('limpa');
  27.         $btn_mapa->setAction(new TAction(array($this, 'onGeraMapa')), 'Gera Mapa');
  28.         $btn_mapa->setImage('fa:eraser blue'); 
  29.  
  30.         $this->form->addFields( [$btn_mapa] );            
  32.         // creates the DIV element with the images
  33.         $mapa = new TElement('div');
  34.         $mapa->id    = 'mapa';
  35.         $mapa->style = "width:100%;height:400px";     
  36.         
  37.         // creates the page structure using a vbox
  38.         $container = new TVBox;
  39.         $container->style = 'width: 100%';
  40.         $container->add(new TXMLBreadCrumb('menu.xml', __CLASS__));
  41.         $container->add($this->form);
  42.         $container->add($mapa);        
  43.         
  44.         // add the vbox inside the page
  45.         parent::add($container);
  47.     }
  48.     
  49.     public function onGeraMapa($param)
  50.     {
  51.         TScript::create("    
  52.         
  53.             /*Faz a classificação de acordo com a variável*/
  54.             function getColor(d) {
  55.                 return d > 1200           ? '#E31A1C' :
  56.                    d <= 1200 && d > 500   ? '#FC4E4A' :
  57.                    d <= 500  && d > 300   ? '#FC4E2A' :
  58.                    d <= 300  && d > 100   ? '#FD8D3C' :
  59.                    d <= 100  && d >= 0    ? '#FEB24C' :
  60.                                             '#FFEDA0' ;
  61.             };    
  63.             /*Estilo do mapa e chamada da função de classificação*/
  64.             function style(feature) {
  65.                 return {
  66.                     fillColor: getColor(feature.properties.FUNDAMENTA),
  67.                     weight: 2,
  68.                     opacity: 1,
  69.                     color: 'white',
  70.                     dashArray: '3',
  71.                     fillOpacity: 0.7
  72.                 };
  73.             }; 
  75.              /*Criação da variável que será utilizada como camada base*/
  76.             var camada_base  = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png');
  78.             /*Criação da variável mapa e a localização onde o mapa será centralizado e o nível do zoom*/
  79.             var mapa = L.map('mapa',{layers:[camada_base]}).setView([-22.903719, -43.1760605], 7);
  80.                     
  81.             /*Criação da variável da camada fundamental que ficará sobreposta a camada base*/
  82.             var fundamental = new L.geoJSON(geo_fundamental,{onEachFeature:function(feature,layer) {
  83.             layer.bindPopup(feature.properties.GEOCODIGO+'</b><br />'+feature.properties.NOME+'</b><br /> Fundamental: '+feature.properties.FUNDAMENTA);
  84.             },style:style});        
  87.             /*Criação da variável da camada fundamental que ficará sobreposta a camada base*/
  88.             var plano = new L.geoJSON(geo_plano,{onEachFeature:function(feature,layer) {
  89.             layer.bindPopup(feature.properties.GEOCODIGO+'</b><br />'+feature.properties.NOME+'</b><br /> Plano de Carreira: '+feature.properties.PCARREIRA);
  90.             }});        
  91.         
  92.             var baseLayers = {'Mundo': camada_base};
  93.             var overlays = {'Fundamental' : fundamental, 'Carreira' : plano};
  94.         
  95.             L.control.layers(baseLayers,overlays).addTo(mapa);
  96.             fundamental.addTo(mapa);    
  97.             
  98.             /*Carrega a legenda */
  99.             var legenda = L.control({position: 'topright'});
  100.             legenda.onAdd = function (mapa) {
  101.                     var div = L.DomUtil.create('div', 'info legend'),
  102.                         grades = [0, 100, 300, 500, 1200],
  103.                         labels = [];
  104.                         
  105.                     for (var i = 0; i < grades.length; i++) {
  106.                         div.innerHTML +=
  107.                             '<i style=\"width: 16px; height:16px; float:left; 
  108.                             margin-right: 8px;opacity: 0.7; background:' + getColor(grades[i] + 1) + '\"></i> ' 
  109.                             + grades[i] + (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');
  110.                     }                    
  111.                 return div;
  112.             };        
  113.             legenda.addTo(mapa);        
  114.          ");        
  115.     }    
  116.     
  117. }
  118. ?>


</your>
JS
Juliano Santos       15/07/2021 (há 2 anos)

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

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