问题标签 [react-google-maps]

我正在使用 Google Maps API 在地图上显示地点。但是，每次我在地图上拖动位置时，都会出现以下错误：

这是我的 Google 地图，使用 Google Maps API、recompose和react-google-maps。它有效，但给出了错误。

我尝试在 Github issues、Google 和 StackOverflow 上寻找解决方案，但还没有找到解决方案。

更改（拖动）地图上的位置时，如何修复错误？

我正在尝试创建一个自定义谷歌地图控制按钮。我正在使用 react-google-map 库。我已经挖掘了搜索框代码，但没有看到可以用来添加此按钮的任何内容。

我正在使用来自https://tomchentw.github.io/react-google-maps/#!/DirectionsRenderer的原始代码

我的组件：

它连接在容器中，用反应路由器渲染。

错误：

错误在任何页面上获取，即使 MapWithADirectionsRenderer 未呈现
错误仅在下一个代码被删除时在我的容器页面上获取：

我向 heroku 部署了一个反应应用程序，但地图没有显示。我收到这些错误消息：

Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys util.js:248:12

当我尝试将它包含在库中并在 index.html 中使用脚本标签加载它时，我得到： You have included the Google Maps API multiple times on this page. This may cause unexpected errors. Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

注意：密钥限制设置为无。我想知道为什么它在 localhost 中有效，但在 heroku 中无效

我为移动浏览器 react-google-maps 构建了简单的网络应用程序。我正在尝试显示蓝点图标以指示用户当前位置。但是使用 react-google-maps 是不可能的。任何人都可以帮助使用 react-google-map 在地图上显示蓝点图标。有没有办法把蓝色变成红色？

`

我试图让地图以 defaultMarker 为中心。但是，当地图完成加载时，视图略高于默认标记。我必须向下滚动到中间才能看到 defaultMarker。知道加载地图时如何使视图居中吗？我正在使用 React、redux 和 react-google-maps。

有问题的反应模块是"react-google-maps"，但我想这更多是关于如何安装、卸载软件包的一般问题。

我已经使用以下命令安装了这个组件：

就像它在他们的 github 上推荐的一样。

我通过以下方式启动我的 webpack 服务器：

一切正常，但随后我关闭服务器并使用相同的命令再次启动它，这就是我收到错误的时候。

模块构建失败：提供了“已包装”的无效属性

如果我尝试卸载它并再次安装它，则会在重新启动服务器后出现相同的错误。

任何想法我做错了什么？

我无法将 react-router-dom 链接放在 react-google-maps 信息框内，而不会导致整个页面重新加载。

这是我的信息框的代码：

我的应用程序中的所有链接都正常工作，除了这个。

单击“转到位置”链接时，会导致整页重新加载。我试图通过以下问题进行诊断：https ://github.com/tomchentw/react-google-maps/issues/258 ，但我真的对反应路由器 v4 了解不足，无法确定上下文包含路由器对象。更改 的值enableEventPropagation不会改变行为。

如果有人可以帮助我理解链接导致页面重新加载的原因，我将不胜感激。

先感谢您！

出于某种原因，当我单击一个标记时，所有信息窗口都会显示出来。当我单击一个标记时，我希望会出现一个 InfoWindow。有人可以解释为什么所有标记中的所有信息窗口都会出现吗？所以当我关闭它时，InfoWindow 也会关闭。

当我单击目标标记时，预期的行为是打开 InfoWindow。

我正在尝试根据我的反应谷歌地图组件中的标记坐标更新视口边界。

但是，当我在 componentWillMount() 中调用以下行时

const bounds = new google.maps.LatLngBounds();

我收到一条错误消息，提示未定义 google。

为了解决这个问题，我尝试过

(1)在index.html中添加google maps script标签

(2) 添加行

/* eslint-disable no-undef */

到我文件的顶部。

(3) 在我的 compose() 中添加 withScriptjs, withGoogleMap 但它会产生一个错误，指出 googleMapUrl 和未定义加载元素。为了解决这个问题，我尝试做

但这没有用。

(4) 在我的文件顶部添加 /* global google */

还有一些其他的小变化，但没有任何影响。

请给一些建议！

MapWithASearchBox.js