Google javascript maps makers. What’s wrong?

Asked

Viewed 42 times

4

I am creating a script to add the values of an array to a map (only positions 0 and 1), but nothing happens. in the console no errors.

Script:

function marcar(){         
  var marcacao = function(position){

    // Gravar dados da posição capturada em uma variável...
    var coords = position.coords;

    var pontos = [
      [-30.403.601, -56.744.400,  queimada],
      [-30.403.601, -56.744.400,  queimada],
      [-30.403.601, -56.744.400,  queimada],
      [-30.403.601, -56.744.400,  queimada],
      [33.475.201,  -98.228.699,  queimada],
      [32.294.300,  -97.525.497,  queimada],
      [32.294.300,  -97.525.497,  queimada],
      [32.294.300,  -97.525.497,  lixo urbano],
      [35.789.001,  -109.478.699, raios],
      [28.040.701,  -83.462.997,  falta de agua],
      [28.040.701,  -83.462.997,  falta de agua],
      [33.176.102,  -122.465.401, queimada],
      [-22.569.380, -44.964.485,  queimada],
      [33.176.102,  -122.465.401, raios],
      [21.985.701,  -95.394.997,  queimada],
      [21.985.701,  -95.394.997,  falta de agua],
      [20.675.800,  -109.457.497, raios],
      [20.675.800,  -109.457.497, queimada]
    ];

    for (var i = 0; i<pontos.length; i++){
      var ponto = pontos[i];    
      // GOOGLE MAPS: Mostrar marcador no mapa...
      var map = new google.maps.Map(
        document.getElementById("map"), 
        { 
          center : new google.maps.LatLng( ponto[0], ponto[1] ), 
          zoom : 5, 
          mapTypeId : google.maps.MapTypeId.ROADMAP 
        }
      );
      var image = 'images/ray001.png';
      var marker = new google.maps.Marker(
        {
          title : "VOCÊ ESTÁ AQUI: "+ponto[0]+", "+ponto[1],
          position : new google.maps.LatLng(ponto[0], ponto[1]),
          map: map,
          icon: image
        });
      marker.setMap(map);
    }
  }

  // Caso falhe na captura, faça isso...
  var fnFalhar = function(error){
    navigator.notification.alert("Erro ao capturar posição: "+error.message, "INFORMAÇÃO");
  }

  // Opções para acessar o GPS...
  var opcoes = { maximumAge: 3000, timeout: 5000, enableHighAccuracy: true };

  // CAPTURAR POSIÇÃO: Chamada a API de Geolocalização (GPS) via Apache Cordova
  navigator.geolocation.getCurrentPosition(marcacao, fnFalhar, opcoes);
}
marcar();

1 answer

3

I did a test with your code and it presented problems in the declaration of array values, except this, it worked perfectly.
Here is an example of how you should declare values.

var pontos = [
  [-30.403601, -56.744400,  'queimada']
];

In his statement, [-30.403.601, -56.744.400, queimada], Javascript does not identify -30.403.601 as a number and queimada as a string.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.