javascript - 在地图上渲染多个元素 google-map-react

Question

我在使用google-map-react渲染多个元素时遇到了麻烦。我正在像示例中那样做所有事情，使用硬编码元素一切都很好，但是对于我想使用map像使用常规反应组件那样的方法渲染的元素，我遇到了麻烦。这是一个jsbin 链接，您可以在其中查看它，在地图中我们应该看到 3 个点，但现在我们只有硬编码的一个。

Answer 1

在您的地图函数中，您必须返回您的 AnyReactComponent。

像这样 ：

{Scenes.map(scene => {

      let lat=scene.coordinates[0];
      let lng=scene.coordinates[1];
      let sceneName=scene.name;

      console.log(`Latitude - ${lat}\nLongitude - ${lng}\nSceneName - ${sceneName}`);

      return <AnyReactComponent 
          lat={lat} 
          lng={lng} 
          text={sceneName} 
      />
})}