1

Nao consigo visualizar a linha no mapa o codigo aparentemente está correto nao quebra em nenhuma linha ,quando visualizo pelo console .mais nao visualiza a linha.

 function initialize() {
        var latlng = new google.maps.LatLng(latitudes, longitudes);

        var options = {
            zoom: 12,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        map = new google.maps.Map(document.getElementById("mapa"), options);
        geocoder = new google.maps.Geocoder();

        if (coord.length > 1) {
            for (var i = 0; i < coord.length; i++) {
                var location = coord[i].split(",");

                pontos[i] = new google.maps.LatLng(location[0], location[1]);

            }

            var flightPath = new google.maps.Polyline({
                path: pontos,
                strokeColor: '#FF0000',
                strokeOpacity: 1.0,
                strokeWeight: 3,
                map: map,
            });

            flightPath.setMap(map);
        }
    }

    initialize();
9
  • Qual a sua dúvida? Commented 4/05/2015 às 16:30
  • Não consigo visualizar no mapa a linha! Commented 4/05/2015 às 16:42
  • Explique sua dúvida mais detalhadamente no corpo da pergunta Commented 4/05/2015 às 16:48
  • Seu array pontos foi definido e inicializado? Commented 4/05/2015 às 17:06
  • sim declarei o array dentro da funcao até Commented 4/05/2015 às 17:09

1 Resposta 1

1
   var flightPath = new google.maps.Polyline({
            path: pontos,
            strokeColor: '#FF0000',
            strokeOpacity: 1.0,
            strokeWeight: 3,
            map: map
        });

Você não precisa da vírgula no último parâmetro.

        map = new google.maps.Map(document.getElementById("mapa"), options);

A div de seu mapa realmente se chama "mapa", se você a nomeou assim ok, mas muitas vezes está "map-canvas" ou "map", como nos exemplo, se você mudou ok!

Acredito que seja apenas a vírgula no final dos parametros do flightPath.

4
  • Eu fiz alguns testes e acho que tem limites de coordenadas para fazer a Polyline, só consigo desenha-la com 8 coordenadas se passar disso não mostra nada! Commented 19/05/2015 às 14:06
  • acho que nao existe limites, pois desenho polyline de rastreamento com varias coordenadas, olha... var flightPath = new google.maps.Polyline({ geodesic: true, strokeColor: '#0000FF', strokeOpacity: 1.0, strokeWeight: 2, map: map }); ai depois eu adiciono os pontos... flightPath.getPath().push(linha[i]); a linha é um array de LatLng Commented 19/05/2015 às 14:11
  • Alem da Polyline posso visualizar ao mesmo tempo o marcador no mapa? Commented 19/05/2015 às 16:52
  • Sim @HansMiller, utilizo essa função setInterval(function () { clearMarkers();//limpo os marker linha[i] = new google.maps.LatLng(latitude,longitude); flightPath.getPath().push(linha[i]); //cria a linha i++; addMarker(new google.maps.LatLng(latitude, longitude));// adiciono novamente o marker na nova posição}, 1000); esta function executa a cada 1000 ms, e o marker vai ficar na ultima posição da linha [youtube.com/watch?v=V_PCvjVwHww] Commented 20/05/2015 às 17:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .