为什么我只能从位置数组中获得一个标记？

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,
}));