是否可以更改@react-google-maps/api 中标记的位置？

编程问答 2022-05-24

问题描述

我有一个现有地图，它依赖于在 v3 Google Maps API 中对 setPosition 的单个实例使用 Marker 函数。我没有看到从 Marker 导出的 @react-google-maps/api 组件中调用该函数的明显方法。

我想使用 onMouseOver 和 onMouseOut 事件来显示一个标记，其中包含有关用户在实时 Google 地图中鼠标悬停的任何要素的（摘要）信息。现有的 javascript 站点运行良好 - 它使用 loadGeoJson 方法向地图添加了大约 3,500 个特征。

文档和示例展示了如何在 position 方法中将 render 属性传递给 Marker 实例，但这仅提供静态标记位置。

在我当前的 javascript 代码中，我在处理 onMouseOver 事件时执行以下操作：

function mouseInToRegion(e) {
  //...
  dataMarker.setLabel({'text': 'some informative string'});
  dataMarker.setPosition(e.latLng);
  dataMarker.setVisible(true);
}

在上面的片段中，dataMarker 是对在地图初始化期间（加载时）创建的单个标记实例的引用。

毫不奇怪，onMouseOut 处理程序所做的只是调用 dataMarker.setVisible(false)。

如何使用 @react-google-maps/api 完成类似的行为？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

google-mapsreact-google-maps