javascript - React + Google Maps JS API，动态渲染状态标记

Question

在 React 中，我尝试用标记填充我的谷歌地图，其中每个标记由我所在州的对象数组确定。现在，如果我有一个包含 22 个对象的缩减站点数组，则只有其中 1-3 个会呈现为标记。无论有多少对象处于状态，情况似乎都是如此。

已更新

renderMap() {
    const map = document.querySelector('#map')
    this.map = new google.maps.Map(map, {
      center: { lat: this.state.lat, lng: this.state.lng },
      zoom: 8
    });
    const _this = this
    let markers = this.state.reducedSites.map(function(site) {
      return new google.maps.Marker({
        position: {lat: parseInt(site.latitude), lng: parseInt(site.longitude)},
        map: _this.map
      });
    });
  }

Answer 1

将 parseInt 更改为 parseFloat。