Question

我的问题是该软件包（google-maps-react）具有显示信息窗口的默认功能

onMarkerClick = (props, marker, e) =>
  this.setState({
    selectedPlace: props,
    activeMarker: marker,
    showingInfoWindow: true
  });

以及一种特定的调用方式

<Marker onClick={this.onMarkerClick} />

如果我console.log（ActiveMarker）我在照片enter image description here上得到了这个物体。谁能解释这是什么吗？因为我想用参数调用此函数，并且我无法检索该对象以将其传递给其他函数。我需要这个，因为我想在另一个处理列表位置项目点击的函数中调用onMarkerClick。在此先感谢您：slightly_smiling_face：

Answer 1

activeMarker对象为您提供有关所选标记的信息（地址，位置等）。在示例https://tomchentw.github.io/react-google-maps/#infowindow上，我注意到它们具有一个infoWindow元素，该元素根据属性显示/隐藏-您是否在代码中的某个位置进行了切换？

<InfoWindow
  marker={this.state.activeMarker}
  visible={this.state.showingInfoWindow}>
    <div>
      <h1>{this.state.selectedPlace.name}</h1>
    </div>
</InfoWindow>

您当前正在更新状态以捕获标记和selectedPlace。要触发infoWindow从另一个函数弹出，您所需要做的就是切换showingInfoWindow值。您现在还可以检索标记信息，因为它已成为您状态的一部分。

Answer 2

您始终可以将信息传递给新功能，例如

df.withColumn("new_date", F.expr("date_sub(date, subtract)"))

在google-maps-react中单击列表位置项时尝试显示infoWindow

2 个答案: