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á 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)

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,

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+' '+feature.properties.NOME+' 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+' '+feature.properties.NOME+' 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) + '\"> '
+ grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + ' ' : '+');
}
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