Jump to content

Search the Community

Showing results for tags '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 14 results

  1. Boa tarde, estou fazendo um site para uma cliente, ele tem interação com a api Google Maps plataform, quando o usuário está logado na sua conta do google fica aparecendo a foto dele no maps, a minha cliente gostaria que desativasse isso, eu expliquei que só a pessoa consegui vê e tudo, mas por ser um site restrito ela gostaria disso desativado. Gostaria de saber se tem como desativar isso por meio de código no wordpress. Segue abaixo a foto do mapa com a foto de perfil. Obrigada desde já. Codigo do functions.php add_shortcode('mapa', 'iframe_maps_api'); function iframe_maps_api($atts) { $pais = $estado = $cidade = $bairro = $numero = ''; $pais = str_replace( "-", "+", sanitize_title($atts['pais']) ); $estado = str_replace( "-", "+", sanitize_title($atts['estado']) ); $cidade = str_replace( "-", "+", sanitize_title($atts['cidade']) ); $bairro = str_replace( "-", "+", sanitize_title($atts['bairro']) ); $numero = str_replace( "-", "+", sanitize_title($atts['numero']) ); return ' <iframe id="maps_api" src="https://www.google.com/maps/embed/v1/place?key='.$atts['key'].'&q='.$pais.','.$estado.','.$cidade.','.$bairro.','.$numero.'" allowfullscreen> </iframe>'; } codigo da pagina que tem o maps <?php $cidade = get_dados_cadastro_anunciante('cidade'); $estado = get_dados_cadastro_anunciante('estado'); $bairro = get_dados_cadastro_anunciante('bairro'); if ( ! empty($cidade) && ! empty($estado) ) { echo '<div class="box-mapa-iframe">'; echo do_shortcode('[mapa key="AIzaSyBBxZc2NLpikD63PndZ-LtHum2iYhkr1yw" pais="Brasil" estado="'.$estado.'" cidade="'.$cidade.'" bairro="'.$bairro.'"]'); echo '</div>'; echo '<div class="rota_como_chegar"> <a href="https://www.google.com.br/maps/dir//Brasil,'.$cidade.','.$estado.','.$bairro.'/" target="_blank">Como Chegar <i class="fas fa-map-marker-alt"></i></a> </div>'; ?>
  2. Ola preciso de ajuda, ja tentei de varias formas mas não consegui, estou tendo dificuldade em converter km para R$ . eu preciso que o resultado do google maps em km seja multiplicado por R$ 1,50 . assim o usuario teria o valor por km.. veja o codigo abaixo... =============================================================================================== <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Calcular distancia entre cidades (mapas e rotas)</title> <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script> </head> <body> <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 $('#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 ); //Atualizar o mapa $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed"); } } </script> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <label for="txtOrigem"><strong>Endereço de origem</strong></label> <input type="text" id="txtOrigem" class="field" style="width: 400px" /> </td> </tr> <tr> <td> <label for="txtDestino"><strong>Endereço de destino</strong></label> <input type="text" style="width: 400px" class="field" id="txtDestino" /> </td> </tr> <tr> <td> <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew" /> </td> </tr> </tbody> </table> <div><span id="litResultado"> </span></div> <div style="padding: 10px 0 0; clear: both"></div> </body> </html>
  3. 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.
  4. Primeira mente eu gostaria de pedir desculpa se eventualmente eu estiver postando na área errada sou novo aqui e pegarei o jeito logo logo. estou desenvolvendo uma aplicação web que possibilita o cadastro do cliente bem como seu endereço e estou em busca de uma solução para na pagina que mostra os dados do cliente selecionado abrir um mapa com a localização de seu endereço a partir dos dados de endereço que tenho registrado no bando de dados. alguém poderia me indicar uma solução pra eu estudar e implementar?
  5. matheusmarson

    Dados geográficos

    Galera, boa tarde Alguém sabe qual a app que se usa para inserir os "lugares", "estabelecimentos", etc... nos maps do goggle que será inserido em um site? Igual a este aqui: http://preview.ait-themes.club/theme/directory2/ Como é que este dados são inseridos? Endereço? Coordenadas de geolocalização? Alguém teria uma idéia? Obrigado
  6. Boa tarde, Não consigo encontrar resposta à seguinte pergunta: - pretendo, ao abrir a página que contém um mapa Google, que ele posicione o marcador no local onde me encontro. Qual API devo escolher para que isso possa acontecer? Será Google Maps Directions, Maps Geocoding, Maps Javascript, Maps API Web Services ou outra? Obrigado pela ajuda. JMRuas
  7. Como ploto informacoes de outros sites atraves do google maps? Nao sei se conseguir explicar bem, ai vai um exemplo: esse site (https://ais.cavok.in/rindat/) usa informacoes deste: http://simepar.br/rindat/
  8. Pessoal, Segui as dicas do seguinte link Estou usando o Wamp para simular mas retorna em branco: Meu codigo está como segue: gmaps.php <?php error_reporting(E_ALL); /** * gMaps Class * * Pega as informações de latitude, longitude e zoom de um endereço usando a API do Google Maps * * @author Thiago Belem <contato@thiagobelem.net> */ class gMaps { // Host do GoogleMaps private $mapsHost = 'maps.google.com'; // Sua Google Maps API Key public $mapsKey = 'AIzaSyCF7ppX72WajD4fBQ1JN9MsSa5f6lf_J-k'; function __construct($key = null) { if (!is_null($key)) { $this->mapsKey = $key; } } function carregaUrl($url) { if (function_exists('curl_init')) { $cURL = curl_init($url); curl_setopt($cURL, CURLOPT_RETURNTRANSFER, true); curl_setopt($cURL, CURLOPT_FOLLOWLOCATION, true); $resultado = curl_exec($cURL); curl_close($cURL); } else { $resultado = file_get_contents($url); } if (!$resultado) { return false; //trigger_error('Não foi possível carregar o endereço: <strong>' . $url . '</strong>'); } else { return $resultado; } } function geoLocal($endereco) { $url = 'http://'. $this->mapsHost .'/maps/geo?output=csv&key='. $this->mapsKey .'&q='. urlencode($endereco); $dados = $this->carregaUrl($url); list($status, $zoom, $latitude, $longitude) = explode(',', $dados); if ($status != 200) { return false; //trigger_error('Não foi possível carregar o endereço <strong>"'.$endereco.'"</strong>, código de resposta: ' . $status); } return array('lat' => $latitude, 'lon' => $longitude, 'zoom' => $zoom, 'endereco' => $endereco); } } ?> index.php <?php error_reporting(E_ALL); // Instancia a classe include 'gmaps.php'; $gmaps = new gMaps('AIzaSyCF7ppX72WajD4fBQ1JN9MsSa5f6lf_J-k'); // Pega os dados (latitude, longitude e zoom) do endereço: $endereco = 'Av Brasil 1453 Rio de Janeiro RJ'; $dados = $gmaps->geolocal($endereco); // Exibe os dados encontrados: print_r($dados); ?>
  9. Denilson Paiva

    Ajuda com script do Google Maps

    Hello friends. Estou com um codigo javascript do google maps funcionando perfeitamente (exibe os marcadores personalizados, cordenadas, nomes etc de um array list). porém, preciso que quando clicado no icone (pin ou marcador) abra um window com o nome, e link assim que clicado. alguem pode me ajudar nessa ai? segue o codigo completo: <script> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 14, scrollwheel: false, zoomControl : true, panControl : false, //streetViewControl : true, mapTypeControl: false, //overviewMapControl: true, center: {lat: -19.4710913, lng: -42.5563031} //center: {lat: -5.18229664, lng: -37.35511959} }); setMarkers(map); } // Data for the markers consisting of a name, a LatLng and a zIndex for the // order in which these markers should display on top of each other. var lista = [ ['Bondi Beach', -19.457739, -42.555077, 1,'images/pin.png'], ['Coogee Beach', -19.455503, -42.554980, 2,'images/pin.png'], ['Cronulla Beach', -19.448637, -42.555208, 3,'images/pin.png'] ]; function setMarkers(map) { var shape = { coords: [1, 1, 1, 20, 18, 20, 18, 1], type: 'poly' }; for (var i = 0; i < lista.length; i++) { var anuncio = lista[i]; //---------------------------------------------- var marker = new google.maps.Marker({ position: {lat: anuncio[1], lng: anuncio[2]}, map: map, icon: anuncio[4], shape: shape, title: anuncio[0], // zIndex: anuncio[3] }); //--------------------------------------------- } } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script>
  10. Denilson Paiva

    Ajuda com script do Google Maps

    Hello friends. Estou com um codigo javascript do google maps funcionando perfeitamente (exibe os marcadores personalizados, cordenadas, nomes etc de um array list). porém, preciso que quando clicado no icone (pin ou marcador) abra um window com o nome, e link assim que clicado. alguem pode me ajudar nessa ai? segue o codigo completo: <script> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 14, scrollwheel: false, zoomControl : true, panControl : false, //streetViewControl : true, mapTypeControl: false, //overviewMapControl: true, center: {lat: -19.4710913, lng: -42.5563031} //center: {lat: -5.18229664, lng: -37.35511959} }); setMarkers(map); } // Data for the markers consisting of a name, a LatLng and a zIndex for the // order in which these markers should display on top of each other. var lista = [ ['Bondi Beach', -19.457739, -42.555077, 1,'images/pin.png'], ['Coogee Beach', -19.455503, -42.554980, 2,'images/pin.png'], ['Cronulla Beach', -19.448637, -42.555208, 3,'images/pin.png'] ]; function setMarkers(map) { var shape = { coords: [1, 1, 1, 20, 18, 20, 18, 1], type: 'poly' }; for (var i = 0; i < lista.length; i++) { var anuncio = lista[i]; //---------------------------------------------- var marker = new google.maps.Marker({ position: {lat: anuncio[1], lng: anuncio[2]}, map: map, icon: anuncio[4], shape: shape, title: anuncio[0], // zIndex: anuncio[3] }); //--------------------------------------------- } } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script>
  11. Henrique.antonio.buzin

    Parallax com Google Maps

    Olá, Estou desenvolvendo um sistema que utiliza parallax, mas quando add o google maps javascript api, o parallax para de funcionar. Segue abaixo os códigos que estou utilizando: Javascript: jQuery(".parallax").each(function(){ var $obj = jQuery("this"); jQuery(window).scroll(function(){ var posY = -(jQuery(window).scrollTop() / $obj.data("speed")); var posB = "0 "+ posY + " px"; $obj.css("background-position", posB); }); }); CSS: .parallax{ color: #FFF; width: 100%; min-height: 100%; background-attachment: fixed; } HTML: <div class="parallax" data-speed="0.1"> <div id="mapa"></div> </div> Google Maps API: function initialize(){ var myLatlng = new google.maps.LatLng(-27.548111, -48.498645); var mapOptions = { zoom: 17, center: myLatlng, panControl: false, zoomControl: false, scrollwheel: false, navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, streetViewControl: false, overviewMapControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, styles: styles } var map = new google.maps.Map(document.getElementById("mapa"), mapOptions); google.maps.event.addDomListener(window, 'load', initialize); google.maps.event.addDomListener(window, "resize", function(){ var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); var image = 'images/logo.png'; var beachMarker = new google.maps.Marker({ position: myLatlng, map: map, icon: image }); } Tem alguma coisa errada ou que devo acrescentar para funcionar? Agradeço desde já.
  12. João Paulo Hildebrand

    Google Maps Directions

    Bom dia, pessoal! Estou com uma dúvida com a API do Google Maps. Poderiam me ajudar? Seguinte: Estou querendo utilizar o serviço Directions, que disponibiliza uma rota entre o ponto A e o ponto B. Tendo as coordenadas do A e do B eu consigo realizar a rota tranquilamente. O problema é que eu preciso que o ponto A esteja em constante mudança, pois quero verificar no banco de dados a coordenada dele de tempos em tempos. Eu até consegui fazer isso, só que de uma tal forma que o mapa todo se atualiza, e não quero isso para não estragar a experiência do usuário, quero que apenas o marcador A atualize a posição... Sabem me dar o caminho das pedras? Obrigado!!!
  13. Boa tarde Pessoal estou criando um gráfico em canvas a partir de dados de um .gpx. Criando toda estrutura do Canvas em <script> No entanto, não está dando muito certo Alguém tem uma ideia do porquê? <!DOCTYPE html> <html> <head> <script src="http://maps.googleapis.com/maps/api/js"></script> </head> <body> <script> function loadXMLDoc() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { myFunction(xmlhttp); } } xmlhttp.open("GET", "RK_gpx _2014-11-26_1731.xml", true); xmlhttp.send(); } function myFunction(xml) { var i; var xyz = xml.responseXML; var x = xyz.getElementsByTagName("ele"); for (i = 0; i <x.length-1; i++) { var line = "<line x1='"+i+"' y1='"; line+=x[i].getElementsByTagName("ele")[0].childNodes[0].nodeValue+"' x2='"+i+1+"' y2='"; line+=x[i+1].getElementsByTagName("ele")[0].childNodes[0].nodeValue+"' style='stroke:rgb(255,0,0);stroke-width:2' />"; document.getElementById("demo").innerHTML = line; } // <line id="demo" x1="i" y1="0" x2="1" y2="x" style="stroke:rgb(255,0,0);stroke-width:2" /> } </script> <svg id="demo" height="800" width="600"> </svg> </body> </html>
  14. Olá, Tenho um banco de dados onde temos vários eventos e suas localizações em longitude e latitude, porém preciso converter em endereço. Consegui um código mas ele não funciona, vocês poderiam me ajudar? $lat = '-18.8786'; $lon = '-48.3000'; function Get_Address_From_Google_Maps($lat, $lon) { $url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=$lat,$lon&key=<AQUI ESTÁ MINHA API KEY>"; // Make the HTTP request $data = @file_get_contents($url); // Parse the json response $jsondata = json_decode($data,true); // If the json data is invalid, return empty array if (!check_status($jsondata)) return array(); $address = array( 'country' => google_getCountry($jsondata), 'province' => google_getProvince($jsondata), 'city' => google_getCity($jsondata), 'street' => google_getStreet($jsondata), 'postal_code' => google_getPostalCode($jsondata), 'country_code' => google_getCountryCode($jsondata), 'formatted_address' => google_getAddress($jsondata), ); return $address; } /* * Check if the json data from Google Geo is valid */ function check_status($jsondata) { if ($jsondata["status"] == "OK") return true; return false; } /* * Given Google Geocode json, return the value in the specified element of the array */ function google_getCountry($jsondata) { return Find_Long_Name_Given_Type("country", $jsondata["results"][0]["address_components"]); } function google_getProvince($jsondata) { return Find_Long_Name_Given_Type("administrative_area_level_1", $jsondata["results"][0]["address_components"], true); } function google_getCity($jsondata) { return Find_Long_Name_Given_Type("locality", $jsondata["results"][0]["address_components"]); } function google_getStreet($jsondata) { return Find_Long_Name_Given_Type("street_number", $jsondata["results"][0]["address_components"]) . ' ' . Find_Long_Name_Given_Type("route", $jsondata["results"][0]["address_components"]); } function google_getPostalCode($jsondata) { return Find_Long_Name_Given_Type("postal_code", $jsondata["results"][0]["address_components"]); } function google_getCountryCode($jsondata) { return Find_Long_Name_Given_Type("country", $jsondata["results"][0]["address_components"], true); } function google_getAddress($jsondata) { return $jsondata["results"][0]["formatted_address"]; } /* * Searching in Google Geo json, return the long name given the type. * (If short_name is true, return short name) */ function Find_Long_Name_Given_Type($type, $array, $short_name = false) { foreach( $array as $value) { if (in_array($type, $value["types"])) { if ($short_name) return $value["short_name"]; return $value["long_name"]; } } } /* * Print an array */ function d($a) { echo "<pre>"; print_r($a); echo "</pre>"; }
×

Important Information

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