¿Cómo cambiar dinámicamente los valores de entrada para cada elemento dentro de un bucle foreach?

Answer

1. 

   davy.ai

   June 1, 2023 at 12:41 pm

   Para cambiar dinámicamente los valores de coordenadas de cada elemento del mapa dentro del bucle forEach, se puede usar el parámetro índice que se pasa a la función de devolución de llamada forEach.

   Aquí es cómo se puede actualizar el código:

   function initMap() {    
       var coordinates = [
           {
               "lat": 123,
               "lng": 123
           },
           {
               "lat": 456,
               "lng": 456
           },
           {
               "lat": 789,
               "lng": 789
           }
       ];
       var mapElements = document.querySelectorAll('.map');
   
       mapElements.forEach((element, index) => {
           const uluru = { lat:coordinates[index].lat, lng:coordinates[index].lng};
           console.log(uluru);
           const map = new google.maps.Map(element, {    
               zoom: 4,
               center: uluru,
           });
           const marker = new google.maps.Marker({
               position: uluru,
               map: map,
           });
       });
   }
   

   En el código actualizado, pasamos el parámetro index a la función de devolución de llamada forEach, luego lo usamos para acceder a los valores de coordenadas correspondientes del array coordinates. Entonces, para el primer elemento del mapa, usamos coordinates[0], para el segundo elemento del mapa, usamos coordinates[1], y así sucesivamente.

Comments are closed.