<div dir="ltr">Hola Matias! te paso a vos y a Leo tmb las modificaciones que estuvimos haciendo en la función getResto() aunque sin solución aun. Hicimos que las funciones no sean anónimas, pero aun así por una limitación del framework jquery nos falta pasarnos un parámetro (i) que asocie los datos de la base de datos con los de la llamada a la api de foursquare para poder armar bien los popups. Así q las posibilidades son crear mi propio objeto XMLHttpRequest o ir por el lado de hacer todo desde el servidor. Gracias por el tiempo y la ayuda!!!!<div>
<br></div><div><div><!--obtengo los restaurantes--><span class="" style="white-space:pre"> </span> </div><div><span class="" style="white-space:pre"> </span>var restos;</div><div><span class="" style="white-space:pre"> </span>var tipsRestos = new Array();</div>
<div><span class="" style="white-space:pre"> </span>restos = new L.FeatureGroup(); // creo capa de marcadores</div><div><span class="" style="white-space:pre"> </span></div><div><span class="" style="white-space:pre"> </span>function successRestosFoursquare(data2) {</div>
<div><span class="" style="white-space:pre"> </span>var tip1 = data2.response.tips.items[0].text;</div><div><span class="" style="white-space:pre"> </span>var tip2 = data2.response.tips.items[1].text;</div><div><span class="" style="white-space:pre"> </span>return 'hola';<span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre"> </span>}</div><div><span class="" style="white-space:pre"> </span> function getResto(){</div><div><span class="" style="white-space:pre"> </span> map.removeLayer(alojs); // remuevo las otras capas</div>
<div><span class="" style="white-space:pre"> </span> map.removeLayer(bares);</div><div><span class="" style="white-space:pre"> </span> map.removeLayer(comes);</div><div><span class="" style="white-space:pre"> </span> map.removeLayer(puntos);<span class="" style="white-space:pre"> </span> <span class="" style="white-space:pre"> </span> <span class="" style="white-space:pre"> </span></div>
<div> $.getJSON("json/cargarResto.php", function (data) { // llamo a los datos de la BD</div><div> for (var i = 0; i < data.length; i++) {</div><div> var location = new L.LatLng(data[i].lat, data[i].long);</div>
<div> var nombre = data[i].nombre;</div><div> var dir = data[i].direccion;</div><div><span class="" style="white-space:pre"> </span>var tel = data[i].telefono;</div><div><span class="" style="white-space:pre"> </span>var img = data[i].logo;<span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre"> </span>var fourID = data[i].foursquare_id;</div><div><span class="" style="white-space:pre"> </span>var myIcon=L.icon({</div><div><span class="" style="white-space:pre"> </span>iconUrl: 'img/'+img+'',</div>
<div><span class="" style="white-space:pre"> </span>iconSize: [32, 37], // tamaño del icono</div><div><span class="" style="white-space:pre"> </span>iconAnchor: [16, 37], // punto del icocno que corresponde a la ubicacion del marcador<span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre"> </span>popupAnchor: [0, -37] // punto donde aparecera el popup relativo a iconAnchor</div><div><span class="" style="white-space:pre"> </span>});</div><div> var marker = new L.Marker(location, {title: nombre, icon: myIcon});// creo el marcador</div>
<div><span class="" style="white-space:pre"> </span>//llamo a la api de foursquare</div><div><span class="" style="white-space:pre"> </span>$.getJSON('<a href="https://api.foursquare.com/v2/venues/'+fourID+'/tips?sort=recent&limit=2&client_id=315YX0EUHY5VW5SFVCPIBMMVYTSNCXNML20AHEEDL1Q2TMEE&client_secret=HOJHGWETZPZYXLS2NYSPMUO0A4WO2UQCUHVWEAXQWAOWROZ2">https://api.foursquare.com/v2/venues/'+fourID+'/tips?sort=recent&limit=2&client_id=315YX0EUHY5VW5SFVCPIBMMVYTSNCXNML20AHEEDL1Q2TMEE&client_secret=HOJHGWETZPZYXLS2NYSPMUO0A4WO2UQCUHVWEAXQWAOWROZ2</a>', </div>
<div><span class="" style="white-space:pre"> </span>successRestosFoursquare);</div><div>//<span class="" style="white-space:pre"> </span>marker.bindPopup("<div class='popup'>" + "<span class='titulo'>"+ nombre +"</span>" +"</br>"+ dir +"</br>"+ tel +"</br>"+ tip1 +"</br>"+ tip2 + "</div>", {maxWidth: '600'});<span class="" style="white-space:pre"> </span>// creo el popup<span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre"> </span>marker.bindPopup("<div class='popup'>" + "<span class='titulo'>"+ nombre +"</span>" +"</br>"+ dir +"</br>"+ tel +"</br>"+ 'aaa' +"</br>"+ 'bbb' + "</div>", {maxWidth: '600'});<span class="" style="white-space:pre"> </span>// creo el popup<span class="" style="white-space:pre"> </span></div>
<div><span class="" style="white-space:pre"> </span>restos.addLayer(marker); // agrego el marcador con su popup a la capa de marcadores<span class="" style="white-space:pre"> </span></div><div> }</div><div> }).complete(function() {</div>
<div><span class="" style="white-space:pre"> </span>restos.addTo(map);<span class="" style="white-space:pre"> </span>// agrego la capa de marcadores al mapa<span class="" style="white-space:pre"> </span></div><div><span class="" style="white-space:pre"> </span>});</div>
<div> </div><div><span class="" style="white-space:pre"> </span> }</div></div></div>