javascript - 地图看不到表格中的数据

Question

在我的网站上安装地图后

state={
items:[{
      "X": 13.6155611,
      "Y": 51.0331258
    },
    ],
}
componentDidMount() {
    const map = new mapboxgl.Map({
      container: this.mapContainer,
      center: [this.state.lng, this.state.lat],
      zoom: this.state.zoom,
    });
for (var i = 0; i < this.state.items.length; i++) {
      var obj = this.state.items[i];
      let myLatlng = new mapboxgl.LngLat(obj.X, obj.Y);
      new mapboxgl.Marker()
        .setLngLat(myLatlng)
        .addTo(map);
    }
}

 render() {
    return (
        <div ref={el => this.mapContainer = el} />
)}

我想在输入 x 和 y 后显示标记，并从表中读取这些数据。单击“添加”后，我有 2 个输入，一个用于 X，另一个用于 Y 我将此数据添加到表中，并且我有 2 个对象等……但地图上仅显示 state.items 中的一个标记，尽管我在表中有更多坐标。请帮忙

标签： javascriptreactjs