Buenas tardes... Y como seria para cuando se tiene varios marcadores o puntos...
Ya que tengo esto... Obtengo desde una BD un json con latitudes y longitudes... y quiero mostrar en un datatable asi como tambien en el mapa con los markers... quiero algo asi...
---latitud: 22 | longitud: 33 | Direccion del Geocoder
---latitud: 23 | longitud: 34 | Direccion del Geocoder
---latitud: 24 | longitud: 35 | Direccion del Geocoder
$.ajax({
url: 'db/utilities.php?accion=listar-puntos-busqueda',
dataType: 'json',
success: function(resultado){
if((resultado.length-1) > 0){
mostrarPuntos(resultado);
}
}
})
var geocoder;
function mostrarPuntos(array) {
tablaPuntos.clear().draw();
geocoder = new google.maps.Geocoder();
var bounds = new google.maps.LatLngBounds();
var map = new google.maps.Map(document.getElementById("map"), {
mapTypeId: 'roadmap'
});
map.setTilt(50);
var coordenadas = new Array();
for(var i = 1; i < array.length; i++) {
var coordenada = new Array();
coordenada.lat = parseFloat(array[i][2]);
coordenada.lng = parseFloat(array[i][3]);
var punto = new google.maps.LatLng(coordenada.lat, coordenada.lng);
bounds.extend(punto);
geocoder.geocode({'latLng': punto}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
var marker = new google.maps.Marker({
map: map,
position: punto,
label: array[i][0]
});
tablaPuntos.row.add( [
array[i][0],
array[i][1],
results[0].formatted_address
] ).draw();
}
}
});
coordenadas.push(coordenada);
map.fitBounds(bounds);
}
var ruta = new google.maps.Polyline({
path: coordenadas,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 5
});
ruta.setMap(map);
}
Pero al momento de ejecutar... solo se muestra una posicion en el mapa y el primer dato en la tabla... es como si no recorriera mas en la parte del geocoder...
Donde esta el error...??
De antemano muchas gracias..