问题标签 [google-map-react]

如果我使用标记标记，那么我的组件将无法正常工作，并且会引发类似这样的错误

我的代码是：

移动地图时我有界限，但我不知道如何获取包含在这些界限内的标记。我不想不得不使用new google.map.... 我想继续使用React-Google-Map。如果那不可能，那么我将使用 google 实例。

我将在下面发布我的代码。我正在控制台注销 google 地图的参考和onChange函数内的道具。

我正在使用google-map-react并且需要访问map.

我通过执行以下操作访问 ref：

<GoogleMap ref={ref => this.map = ref} />

当我componentDidMount()像这样调用 ref 时，this.map.map_它返回 null 因为地图尚未加载。我需要一种在组件安装时访问它的方法。

如何避免“您在此页面上多次包含 Google Maps JavaScript API。这可能会导致意外错误。” 如果我使用 google-map-react 在另一个组件中显示地图和 react-places-autocomplete 以获取地址和坐标？

地图为空白： 控制台中的错误：您已在此页面上多次包含 Google Maps JavaScript API。这可能会导致意外错误。

怎么解决？

我在项目中使用google-map-react、react-places-autocomplete。

我开始使用google-map-react并发现这一行：

它有什么作用？

我正在尝试根据提供的半径显示标记 - 我无法为此开发逻辑。您的帮助将不胜感激以下是显示标记数组的简单反应组件。

我的问题：我不知道如何使用半径属性以及该属性的放置位置以及基于半径如何过滤标记

I am using google-map-react for my React project and I created custom markers.

The markers are rendered at the right location but from the top left corner:

The red dot is where the exact location is. However, I'd like the tail of the pin to be at that place. How can I do that ?

Here are my Map and my Marker components:

Marker component:

如何使用 npm google-map-react 绘制路线？

这就是我所拥有的

this.map = (zoom, lat, lng) => { let DirectionsService = new window.google.maps.DirectionsService();

我正在尝试使用Google-map-react包在 Google 地图中的标记旁边显示文本。但是没有文本是可见的，只有标记本身出现。这是我的代码：

我正在尝试将我的 JSON 文件链接到 google-map-react。但是，我的 JSON 坐标没有“lat”和“lng”格式，只有 [123.231, 39.234]。我试过用

常量数据 = [{ lat: location[0], lng: location[1] }]

但是，它不起作用：/

这是我的 JSON 文件

而且，这是与 google-map-react 一起使用的 JSON

这是我的地图代码