问题标签 [google-map-react]

我的代码在 localhost 上运行良好，我正在使用 google-map-react 包在我的 react 应用程序上渲染地图，但是当我在 QA 或 PROD 环境中合并代码时，地图会加载一秒钟，然后它说错误，当我即使我提供了 API 密钥，请检查控制台窗口是否显示“InvalidKeyMapError”。

这是我的代码：

嗨，我正在创建 nextjs 应用程序，其中我使用了 google-map-react 库中的 GoogleMapReact，我想根据新道具重新渲染我的 GoogleMapReact 组件

这是我的 map.js 文件

这里 prop.locations 有更新的数组结果，但问题是它没有在我的地图中刷新，任何人都可以建议我如何做到这一点，以便我的地图将在数据更改时重新呈现？

我有两个 json 数组，我试图用它们在地图上生成标记。

我收到错误：

尝试导入错误：“find”未从“./data/geoData.json”导出（导入为“geoData”）。

在尝试在 JS 中的 geoData 数组中查找该位置的 zip 时...

如前所述，console.log()返回正确的值。

控制台输出：

34.197737 对象 对象编号

嗨，我正在我的 nextjs 应用程序中实现谷歌地图这是我的 map.js 组件文件

如您所见，目前我在 const Marker 中使用标签

对于我正在重新加载页面的地图信息窗口，但我想使用链接标签以便它不会重新加载它，在我的整个应用程序中我使用链接标签以便它不会重新加载页面，而只是为了这个标记信息窗口我无法做到这一点。我怎样才能做到这一点 ？

使用google-map-react包，我MapView在 TypeScript 中创建了一个组件，如下所示。

如果用户尚未触摸地图，我想让地图慢慢水平滚动。我的第一个想法是添加一个useEffect自动更新边界的，但这似乎并不理想。有什么想法吗？

我通过 axios 和 setState 将地理编码位置获取到 latt,lngg 变量中，我想在 google-map-react 包中心使用这个变量我如何将这些状态值传递给 props 。

休息 API

尝试使用google-maps-react库。我导入了以下内容：import {Map,Marker, GoogleApiWrapper} from 'google-maps-react'

有一件事在这里不清楚，我在教程中找不到答案。

google组件上prop的值是Map多少？会是apikey吗？

这在计算机上运行良好，但我只是尝试在移动设备上对其进行测试，但没有一个onChildMouse事件处理程序被识别。我尝试过寻找其他事件处理程序，但这onChildMouseXXX是我在这个包中看到的唯一事件处理程序。如何使可拖动标记起作用？我可以使用另一个事件，或者解决此问题的已知方法吗？

我正在使用该google-map-react组件，并且正在尝试设置用户单击的位置的坐标。我有坐标，但是当我第一次点击地图（点击事件被触发）时，数组coordinates返回一个空数组。

这会导致奇怪的行为，每次点击都会返回上一次点击的坐标？谁能看到这里发生了什么？

该行为正在记录以下内容

第二个日志应该在位置 1，第三个日志应该在位置 2。

我有一个地图组件，我需要在其中传递来自自定义 useSwr 挂钩的默认坐标。获取数据后，我将它们传递给状态并在值或未定义时呈现它。显然我做错了什么并且它无法正常工作，因为即使值未定义也会调用 Map 组件，这导致我收到此错误：

Failed prop type: Invalid prop `center` supplied to `o`. 

这就是我处理状态的方式：

渲染时：