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

Question

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

Answer 1

在您的map函数中，您必须返回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} 
      />
})}