Jump to content

Search the Community

Showing results for tags 'google maps'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 16 results

  1. Alguém tem uma dica de como extrair as coordenadas dos trechos que compõem o mapa da rede em http://nossarede.comgas.com.br ? Os arquivos ViewportInfoService.js parecem ser o caminho. Mas não consegui entender o formato.
  2. Rodrigo Razzyel

    Api google maps calcular tempo do frete

    Eu não estou conseguindo fazer ele adicionar um valor no tempo da viagem ..tipo assim depois que eu colocar o endereço ai me gera o valor do frete mas eu quero calcular o tempo estimado sambem Ex. se o tempo for 60 minutos e o motorista demorar 120 minutos, apos os 60 minutos ja calculado somaria a cada minuto adiciona $0,05 centavos ..não sei se estou sendo especifico, e tambem não estou conseguindo fazer com que a posição de origem ser enviada para o banco de dados o banco de dados seleciona o motoboy que esta conectado mais proximo do ponto de origem, quando o motoboy chega na origem e pega o documento ele ja clica em iniciar para dar o destino para ele... tem alguma maneira de fazer isso sem usar o banco de dados... poderia me ajudar o codigo é <body> <div class="upage" id="mainpage" data-role="page" style="background:url(img/back.jpg); background-size:cover"> <div id="moto" class="upage-content vertical-col left hidden"> <div class="table-thing widget uib_w_7 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1"> <label class="narrow-control label-inline" for="txtOrigem">Retirada</label> <input class="wide-control form-control default" type="text" placeholder="Digite o endereço para retirar" id="txtOrigem"> </div> <div class="table-thing widget uib_w_8 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1"> <label class="narrow-control label-inline" for="txtDestino">Entrega</label> <input class="wide-control form-control default" type="text" placeholder="Digite endereço de entrega" id="txtDestino"> </div> <!-- codigo botao xdk --> <button class="btn widget uib_w_9 d-margins btn-info" data-uib="twitter%20bootstrap/button" data-ver="1" onclick="CalculaDistancia()"><i class="glyphicon glyphicon-search" data-position="icon only"></i> </button> <div class="grid grid-pad urow uib_row_3 row-height-3" data-uib="layout/row" data-ver="0"> <div><span id="litResultado">&nbsp;</span> </div> <div class="col uib_col_5 col-0_12-12" data-uib="layout/col" data-ver="0"> <div class="widget-container content-area vertical-col"> <span class="uib_shim"></span> </div> </div> <span class="uib_shim"></span> </div> </div> </div> </div> <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function CalculaDistancia() { $('#litResultado').html('Aguarde...'); //Instanciar o DistanceMatrixService var service = new google.maps.DistanceMatrixService(); //executar o DistanceMatrixService service.getDistanceMatrix( { //Origem origins: [$("#txtOrigem").val()], //Destino destinations: [$("#txtDestino").val()], //Modo (DRIVING | WALKING | BICYCLING) travelMode: google.maps.TravelMode.DRIVING, //Sistema de medida (METRIC | IMPERIAL) unitSystem: google.maps.UnitSystem.METRIC //Vai chamar o callback }, callback); } //Tratar o retorno do DistanceMatrixService function callback(response, status) { //Verificar o Status if (status != google.maps.DistanceMatrixStatus.OK) //Se o status não for "OK" $('#litResultado').html(status); else { //Se o status for OK //Endereço de origem = response.originAddresses //Endereço de destino = response.destinationAddresses //Distância = response.rows[0].elements[0].distance.text //Duração = response.rows[0].elements[0].duration.text var valor = (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.68 + 5.39).toFixed(2).toString().split(".").join(","); $('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses + "<br /><strong>Destino:</strong> " + response.destinationAddresses + "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text + " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text + " <br /><strong>Preço</strong>: R$ " + valor ); $("input[name='item_valor_1']").val(valor); //Atualizar o mapa $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed"); } } </script> </body> </html>
  3. gfsouza86

    LOCALIZAÇÕES MAPS

    Boa noite galera tudo na paz? Sou novo no wordpress e gostaria de saber como posso fazer um mapa de localizações parecido com esse aqui LOCALIZAÇÃO Terei vários endereços no mapa e quando a pessoa digitar o CEP dela, é mostrado no mapa o endereço mais próximo dela Desde já agradeço
  4. Estou desenvolvendo uma aplicação que calcula a distancia entre dois endereços sendo um ja pré determinado usando a API V3 do Google Maps ,porém quando vou rodar a aplicação no servidor php, ela não funciona Segue abaixo o codigo completo PS: Sou novato nisso tudo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="https://v40.pingendo.com/assets/4.0.0/default/theme.css" type="text/css"> <title>Lampada</title> <style type="text/css"> .hidden { display: none; } </style> <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script> </head> <body> <div class="py-5"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="display-1">PSHE <br> </h1> </div> </div> </div> </div> <div class="py-5"> <div class="container"> <div class="row"> <div class="col-md-9"> <label for="txtDestino"> <strong>Digite seu Endereço</strong> </label> </div> </div> <div class="row"> <div class="col-md-9"> <input type="text" id="txtDestino" class="field" style="width: 400px;"> </div> <br> <br> <div class="col-md-9"> <select name="cidade" id="cidade" type="text"> <option>Selecione...</option> <option value="Sorocaba">Sorocaba</option> <option value="Votorantim">Votorantim</option> </select> </div> </div> </form> <br> <br> <div class="row"> <div class="col-md-12"> <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew"> </div> </div> <br> <br> <div> <span id="litResultado"> </span> </div> <div> </div> </div> </div> <div class="py-5 text-white bg-warning"> <div class="container"> <div class="row"> <div class="col-md-12 mt-3 text-center"> <p>Rua Armando Caldini <br>Sorocaba -SP <br> <br>(15) 99614-5279 <br>© Grupo PSHE - Todos os Direitor reservados</p> </div> </div> </div> </div> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function CalculaDistancia() { $('#litResultado').html('Aguarde...'); //Instanciar o DistanceMatrixService var service = new google.maps.DistanceMatrixService(); //executar o DistanceMatrixService service.getDistanceMatrix( { //Origem origins: ["Rua Armando Caldini 161 Sorocaba"], //Destino destinations: [$("#txtDestino").val() + $("#cidade").val()], //Modo (DRIVING | WALKING | BICYCLING) travelMode: google.maps.TravelMode.DRIVING, //Sistema de medida (METRIC | IMPERIAL) unitSystem: google.maps.UnitSystem.METRIC //Vai chamar o callback }, callback); } //Tratar o retorno do DistanceMatrixService function callback(response, status) { //Verificar o Status if (status != google.maps.DistanceMatrixStatus.OK) //Se o status não for "OK" $('#litResultado').html(status); else { //Se o status for OK //Endereço de destino = response.destinationAddresses //Distância = response.rows[0].elements[0].distance.text //Preco = response.rows[0].elements[0].distance.value*0.0009).toFixed(2) //Duração = response.rows[0].elements[0].duration.text $('#litResultado').html( "<strong>Destino:</strong> " + response.destinationAddresses + "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text + "<br /><strong>Preço</strong>: " +"R$: "+(response.rows[0].elements[0].distance.value*0.0009).toFixed(2)+ " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text ); } } </script> </body> </html>
  5. vitorhugosg

    Raio latitude e longitude, calculo

    Olá galera, tenho latitude, e longitude. Gostaria de saber como eu faço para pegar Raio de ação 5km em volta por exemplo, através do beetween do SQL. Obrigado desde já.
  6. Olá Amigos, Tenho enfrentado uma séria dificuldade ao utilizar o serviço "Autocomplete" do Google Maps API. Estou desenvolvendo um sistema de reserva de transfers(viagens de carro executivo) na qual o usuário informa a origem e destino de sua viagem e o sistema integrado com o Google Maps calcula o preço da viagem em questão . A dificuldade que estou tendo é limitar a exibição dos resultados do Autocomplete para locais restritos ao estado do Rio de Janeiro. Consigo tranquilamente limitar por país, mas para o território do Rio de Janeiro não consegui achar nenhuma função na documentação oficial que me atendesse nessa questão. Segue código do autocomplete. function initialize() { var options = { componentRestrictions: { country : "BR" } }; directionsService = new google.maps.DirectionsService(); var inputFrom = document.getElementById('from'); var autocompleteFrom = new google.maps.places.Autocomplete(inputFrom, options); autocompleteFrom.addListener('place_changed', function() { var place = autocompleteFrom.getPlace(); placeId1 = place.place_id; }); var inputTo = document.getElementById('to'); var autocompleteTo = new google.maps.places.Autocomplete(inputTo, options); autocompleteTo.addListener('place_changed', function() { var place = autocompleteTo.getPlace(); placeId2 = place.place_id; }); } Se alguém souber e puder fazer a gentileza de me auxiliar nessa questão, ficarei bastante agradecido.
  7. Pessoal, Numa página chamado 3 modais bootstrap, em cada modal há um mapa, preciso que cada mapa ao ser clicado, seja criado um marker, capturado as coordenadas desse marker e exibido o endereço correspondente num input. Os mapas estão sendo exibidos corretamente, mas, esta sendo criado apenas o marker no primeiro mapa 'map', nos outros, ao clicar não está criando o marker e o endereço enviado para o input é apenas 'Brasil'. Abaixo meu arquivo .js, com todas as funções. A função createMarker..., cria o marker, e a função getCoords..., captura o endereço. $(function () { $("#rota_mapa_saida").on('shown.bs.modal', function () { google.maps.event.trigger(map, 'resize'); }); $("#rota_mapa_coleta").on('shown.bs.modal', function () { google.maps.event.trigger(map_coleta, 'resize'); }); $("#rota_mapa_destino").on('shown.bs.modal', function () { google.maps.event.trigger(map_destino, 'resize'); }); }); var map var map_coleta var map_destino var marker; function initialize() { //Inicializa mapa var mapOptions = { center: new google.maps.LatLng(-9.435530395596114,-36.09555605468743), zoom: 9, mapTypeId: 'roadmap' }; map = new google.maps.Map(document.getElementById('map-canvas-maker-saida'), mapOptions); map_coleta = new google.maps.Map(document.getElementById('map-canvas-maker-coleta'), mapOptions); map_destino = new google.maps.Map(document.getElementById('map-canvas-maker-destino'), mapOptions); google.maps.event.addListener(map, "click", function(event) { var lat_saida = event.latLng.lat().toFixed(6); var lng_saida = event.latLng.lng().toFixed(6); createMarker_saida(lat_saida, lng_saida); getCoords_saida(lat_saida, lng_saida); }); google.maps.event.addListener(map_coleta, "click", function(event) { var lat_coleta = event.latLng.lat().toFixed(6); var lng_coleta = event.latLng.lng().toFixed(6); createMarker_coleta(lat_coleta, lng_coleta); getCoords_coleta(lat_coleta, lng_coleta); }); google.maps.event.addListener(map_destino, "click", function(event) { var lat_destino = event.latLng.lat().toFixed(6); var lng_destino = event.latLng.lng().toFixed(6); createMarker_destino(lat_destino, lng_destino); getCoords_destino(lat_destino, lng_destino); }); } google.maps.event.addDomListener(window, 'load', initialize); // Função que cria o marcador no maps Saída////////////////////////////////////////////////////////////////////// function createMarker_saida(lat, lng) { if (marker) { // remover esse marcador do mapa marker.setMap(null); // remover qualquer valor da variável marker_saida marker = ""; } marker = new google.maps.Marker({ position: new google.maps.LatLng(lat, lng), draggable: true, map: map }); // Evento que detecta o arrastar do marcador para google.maps.event.addListener(marker, 'dragend', function() { marker.position = marker.getPosition(); // os valores das caixas de texto no topo var lat = marker.position.lat().toFixed(6); var lng = marker.position.lng().toFixed(6); // Atualiza Inputs getCoords_saida(lat, lng); }); } // Função que actualiza as caixas de texto no topo da página function getCoords_saida(lat, lng) { /////////////////////////////////////////////////////// //Captura o endereço var latlng = lat + "," +lng; var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + latlng + "&sensor=true"; $.getJSON(url, function (data) { for(var i=0;i<data.results.length;i++) { var adress = data.results[i].formatted_address; //alert(adress); document.getElementById('endereco_saida_maps').value = adress; endereco_campo.value = adress; } }); } // Função que cria o marcador no maps Saída/////////////////////////////////////////////////////////////////// // Função que cria o marcador no maps Coelta////////////////////////////////////////////////////////////////// function createMarker_coleta(lat_coleta, lng_coleta) { if (marker) { // remover esse marcador do mapa marker.setMap(null); // remover qualquer valor da variável marker marker = ""; } marker = new google.maps.Marker({ position: new google.maps.LatLng(lat_coleta, lng_coleta), draggable: true, map_coleta: map_coleta }); // Evento que detecta o arrastar do marcador para google.maps.event.addListener(marker, 'dragend', function() { marker.position = marker.getPosition(); // os valores das caixas de texto no topo var lat_coleta = marker.position.lat().toFixed(6); var lng_coleta = marker.position.lng().toFixed(6); // Atualiza Inputs getCoords_coleta(lat_coleta, lng_coleta); }); } function getCoords_coleta(lat, lng) { /////////////////////////////////////////////////////// //Captura o endereço var latlng = lat + "," +lng; var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + latlng + "&sensor=true"; $.getJSON(url, function (data) { for(var i=0;i<data.results.length;i++) { var adress = data.results[i].formatted_address; //alert(adress); document.getElementById('endereco_coleta_maps').value = adress; //endereco_campo.value = adress; } }); } // Função que cria o marcador no maps Coleta////////////////////////////////////////////////////////////////// // Função que cria o marcador no maps Destino///////////////////////////////////////////////////////////////// function createMarker_destino(lat, lng) { if (marker) { // remover esse marcador do mapa marker.setMap(null); // remover qualquer valor da variável marker marker = ""; } marker = new google.maps.Marker({ position: new google.maps.LatLng(lat, lng), draggable: true, map_destino: map_destino }); // Evento que detecta o arrastar do marcador para google.maps.event.addListener(marker, 'dragend', function() { marker.position = marker.getPosition(); // os valores das caixas de texto no topo var lat = marker.position.lat().toFixed(6); var lng = marker.position.lng().toFixed(6); // Atualiza Inputs getCoords_destino(lat, lng); }); } function getCoords_destino(lat, lng) { /////////////////////////////////////////////////////// //Captura o endereço var latlng = lat + "," +lng; var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + latlng + "&sensor=true"; $.getJSON(url, function (data) { for(var i=0;i<data.results.length;i++) { var adress = data.results[i].formatted_address; //alert(adress); document.getElementById('endereco_destino_maps').value = adress; //endereco_campo.value = adress; } }); } // Função que cria o marcador no maps Destino//////////////////////////////////////////////////////////////////////
  8. Ola galera. Estou pesquisando a horas como mover o marcador do Google Maps para frente do balao de informacao, mas sem sucesso. Isso mesmo, preciso que aquele balao que abre quando clicamos no marcador, fique abaixo do marcador. Segue abaixo um exemplo do que estou precisando fazer https://jdit2jpbs4rkcsrl-zippykid.netdna-ssl.com/wp-content/themes/nanda/map_example.jpg Alguem sabe como faco isso? Obrigado desde ja.
  9. https://sandiego.eater.com/maps/best-barbecue-restaurants-san-diego Esse site tem uma funcionalidade que conforme vai mudando a postagem pela barra de rolagem, o mapa também altera a localização. Alguém pode me ajudar a fazer algo igual?
  10. mldiogo87

    Interação do PHP com Google Maps

    Boa noite, Tenho as variáveis de longitude e latitude armazenadas em um banco de dados. Dei uma boa pesquisada e nada achei nesse sentido, alguém já fez algum projeto para pegar o nome da cidade e estado de acordo com as coordenadas de GPS, para interagir com PHP ? Grato,
  11. gostaria de pegar endereços registrados no meu banco de dados e obter a saída na minha página usando php e html. Não quero traçar rota quero algo bem simples, somente obter a localização como fosse fazer um embed da página com endereço. exemplo: tenho esse endereço no meu banco de dados rua joão de carvalho, 12 pegar o endereço com php e passar para o site tenho que usar API do google ? abrigado desde já agradeço !
  12. Pessoal, eu to conseguindo pegar a localização aproximada do usuário usando o google maps e to querendo pegar as localizações mais próximas dele. Para isso acontecer, eu tenho uma div com latitude e longitude de endereços cadastrados. Ex: Localização do Usuario: Latitude -> -23.6861250 Longitude -> -46..8754760 Endereços: <div data-lat="-23.6821604" data-lon="-46.8754995"></div> <div data-lat="-23.6821500" data-lon="-46.8754800"></div> <div data-lat="-23.6821400" data-lon="-46.8754700"></div> <div data-lat="-23.6821300" data-lon="-46.8754600"></div> Eu tenho essas informações, só que agora gostaria de organizar as div's de acordo com a proximidade do usuário, ou seja, quanto mais perto um endereço estiver do usuário, a div vai ficando no topo. Alguém tem alguma ideia de como fazer isso? Consigo fazer isso no próprio api do Google Maps ou usando algum tipo de lógica em PHP/JS para organizar as div's ?
  13. heijimrt

    Google Maps posição dinâmica

    Olá, Realizei algumas pesquisas, porém, não encontrei uma resposta convincente. Estou para desenvolver um app que utiliza a API do Google Maps. Preciso que o posicionamento e os marcadores atualizem dinamicamente ( em tempo real, como em um gps ), sem que haja reload da aplicação. A principio vou utilizar php + mysql para o back e persistência ( guardar lat, long ) devolvendo um json. Enfm, pensei em duas soluções: 1. AJAX com um interval 2. Web sockets Gostaria de saber qual seria a melhor solução, levando em consideração o desgaste do servidor tb ( em requisições e respostas ). Não sei se há outras soluções... mas toda solução é muito bem vinda. Obs: Servidor está na digital ocean e o app será construido com cordova. Muito obrigado!!
  14. Boa noite a todos! Estou com um problema de última hora pra resolver e, como não tenho conhecimento em JAVASCRIPT, preciso da ajuda de vocês. Tenho que incluir numa página web um gerador de rotas através do endereço informado, porém de acordo com um valor que é passado a rota deve sinalizar alguns pontos geográficos com um balãozinho contendo algumas informações da seguinte forma: Quando o usuário solicitar uma rota, antes de traçar a rota no mapa deve-se consultar um web service passando como parâmetro a coleção dos pontos geográficos da rota que o usuário solicitou. Este web service vai retornar um JSON com os pontos geográficos que apresentem algum risco para o usuário e os respectivos níveis de segurança daquele ponto. O que eu preciso fazer é pegar este JSON e desenhar a rota e para os pontos que apresentarem um nível de segurança entre 90 e 100, aí eu desenho um balãozinho verde por exemplo, se o nível de segurança estiver entre 80 e 90, aí eu desenho um balãozinho amarelo, se estiver entre 70 e 80, laranja, e menor que 50 aí desenho o balãozinho vermelho. O problema é que eu não sei manipular o javascript pra fazer isso e o meu problema é um pouco urgente, daí a falta de time pra aprender a sintaxe da linguagem e como manipular o script pra resolver o problema mencionado. Alguém poderia me ajudar com este problema ou me indicar um material que me ajude a resolver o problema específico? Desde já muito obrigado!
  15. Olá pessoal , Eu estou fazendo uma página simples com um mapa e um marcador. Tenho o código pronto e já funcionando, porém eu queria que o marcador fosse uma DIV CSS e não uma imagem. Já vi em alguns site que isso é possível , mas ainda não descobri como fazer . Alguém por favor poderia me dar uma ajuda de como fazer essa alteração ? Abaixo eu estou enviando uma imagem do código Javascript que tenho. Agradeço a todos desde já.
  16. Google Maps lança atualização de aplicativo que irá funcionar offline
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.