Question

Buenos dias tengo un problema con asignarle datos a un array que tengo creado estoy intentando asignarle unas coordenadas new google.maps.LatLng(data[i].coordenadas_x, data[i].coordenadas_y); pero no me pinta el poligono en el mapa agradecere toda la ayuda muchas gracias, aquí muestro el código,

    var urlMunmorelia = "/admin/mapas/coordenadas_morelia";
    var poliMorelia;
    var coorMorelia = [];

    $.get(urlMunmorelia)
    .done(function(data){
        $.each(data, function(i){
            // console.log(i);
            coorMorelia = new google.maps.LatLng(data[i].coordenadas_x, data[i].coordenadas_y);
            // console.log($(coorMorelia).text());

        });
        coorMorelia = [
            new google.maps.LatLng(data[0].coordenadas_x, data[0].coordenadas_y)
        ];
        console.log($(coorMorelia).text());
        poliMorelia = new google.maps.Polygon({
            paths: coorMorelia,
            strokeColor: '#FF0000',
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: '#FF0000',
            fillOpacity: 0.35
        });
        poliMorelia.setMap(map);

    }).fail(function(data){
        console.log(data);
    });

Answer 1

Hola @Asaek,

En esta linea:

coorMorelia = [
        new google.maps.LatLng(data[0].coordenadas_x, data[0].coordenadas_y)
    ];

Estas definiendo el array coorMorelia como un array de un solo elemento (coordenada).

y en esta linea:

coorMorelia = new google.maps.LatLng(data[i].coordenadas_x, data[i].coordenadas_y);

estas definiendo coorMorelia por una coordenada.

---

Intenta agregar las coordenadas en cada iteración con Array.push

$.each(data, function(i){
    coorMorelia.push(new google.maps.LatLng(data[i].coordenadas_x, data[i].coordenadas_y));
});

elimina esta linea, donde redefines coorMorelia:

coorMorelia = [
        new google.maps.LatLng(data[0].coordenadas_x, data[0].coordenadas_y)
    ];