Почему я могу получить только один маркер из моего массива местоположений?

Question

Я знаю проблему, но не могу найти решение.

Я хочу получить все маркеры в моем массиве location.

Вот мой код:

map = new google.maps.Map(document.getElementById('map'), mapOptions);

var locations = new Array();
var lati = "";
var longi = "";
var cityfrom = "";

posts.forEach((item, index) => {
  lati = item.acf.maps.lat;
  longi = item.acf.maps.lng;
  cityfrom = item.title.rendered;
});
locations = [
  {
    lat: lati,
    lng: longi,
    city: cityfrom
  },
];

CodePen

Answer 1

Вы можете назначить только последние значения lati, longi и cityfrom одному элементу в массиве, и более простым вариантом будет использование Array.map() для создания массива:

map = new google.maps.Map(document.getElementById('map'), mapOptions);

const locations = posts.map((item, index) => ({
  lati: item.acf.maps.lat,
  longi: item.acf.maps.lng,
  cityfrom: item.title.rendered,
}));