问题标签 [google-maps-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
931 浏览

javascript - 在react-google-maps上的DrawingManager中完成一个圆圈后如何停止绘图?

我已经提到过这个问题。

我也可以实现,但问题是我将如何确定半径是否有一些变化,因为DrawingManager组件将被卸载。

我也无法使用类似的功能,setDrawingMode(null)因为它没有在 react-google-maps 公共 API 中公开,也options无法drawingControl = false正常更新。

有没有其他可能的解决方案,我们可以通过它来限制用户只创建一个圈子并且能够以radius_changed某种方式获得?

下面是代码

任何帮助将不胜感激。谢谢。

0 投票
1 回答
1395 浏览

javascript - GoogleMaps React:默认打开 InfoWindow - 不是来自 onClick

我想在我的反应项目中的谷歌地图组件中的标记上方默认打开一个信息窗口。

我试图通过标记组件的 ref 来实现这一点,该处理程序调用标记 onclick 方法来触发信息窗口切换。

但是,尽管我调用了 setState,但我发现状态并未更新。我已经尝试在 componentDidMount 中执行此操作,并且还尝试直接在标记安装处理程序中设置状态。

如果手动单击标记,则状态会成功改变。

我看到了这个解决方案,但就在 react 中使用它而言,它有点不雅,我很沮丧,因为我没有看到我的逻辑有任何问题。它应该工作,我想知道为什么它不工作。

任何帮助将不胜感激 - 我的代码如下:

0 投票
2 回答
2744 浏览

reactjs - 谷歌地图反应标记不显示

我是新手,我尝试使用谷歌地图,我想通过点击地图并显示我找到并尝试过的标记来获得 latlng [this][1]

它工作,我可以选择我想要的位置并通过点击地图获得latlng,但标记没有显示

这是我的代码

谢谢

0 投票
1 回答
714 浏览

reactjs - 反应地图 google outsie 网格

我在我的项目中使用google-maps-react 。在我页面的一侧,我想放地图。分离我正在使用的内容Grid,我的网站看起来像这样

<MAPCONTAINER /> 看起来像这样

有两个问题:一个是地图超出了 Grid ,它很宽,奇怪的是当我检查这个 Grid 元素时,它显示它有height:0,就像那个 Grid 里面没有任何东西一样。第二个问题是<OTHER_COMPONENT /> 地图上的重叠,就像它看不到上面还有其他一些组件一样。

我找不到将地图放入网格的方法,它应该如何正确。

谢谢你的帮助。

0 投票
1 回答
3269 浏览

javascript - React Google Maps 不显示 HeatMap ,lat 和 long 不适用于我的职位

这就是我想要的,每个标记与热图的 lat 和 lng 共享相同的位置,标记工作正常我在向我的热图发送数据时遇到问题,看起来来自谷歌的热图接收和纬度和经度不同于标记位置?任何想法 ?当我创建一个这样的对象列表数组但我希望我的数据读取就像我的标记正在读取它一样。它接收纬度 M 和经度 N。如果我把它放在一个包装器中,就像{this.props.policeCall.map(({ A, M, N }) => { 我得到一个错误一样,当我将我的热图位置放入position={{lat: M , lng:N}}

这是我的数据从它正在读取的 json 中的外观 M 和 N 是 lat 和 lng 如何将其注入我的热图数据

0 投票
0 回答
40 浏览

javascript - 我如何在这个函数中解析这两个字符串以便在我的位置={}中使用,我需要整数

我需要在我的内部解析我的“M”和“N”

我如何解析我的 and n?my MandN是一个大数组的一部分,只为我的热图调用键 m 和 n 但解析它们并将它们用作我位置的浮点数。我正在使用 Redux 进行反应并从一个不同的 .js 文件传递​​数据,该文件内部有一个巨大的数组

0 投票
1 回答
1111 浏览

javascript - 如何为谷歌地图创建打开和关闭切换按钮以响应热图

我想创建一个按钮来打开和关闭此地图的热图部分。我在反应 javacript 时遇到了麻烦。不确定将逻辑放在哪里以及按钮放在哪里?任何帮助,这是 google 提供的代码示例 [Google HeatMap Toggle 按钮][1]。我想将此与此代码集成

我想为标记创建一个单独的切换

0 投票
2 回答
995 浏览

javascript - 谷歌地图中标记的打开和关闭切换按钮反应

我想创建一个按钮来删除谷歌地图反应的所有标记,我已经让它为热图工作,但它不允许我对标记执行相同的策略?是因为正在完成映射吗?比你我已经设置了所有其他的功能和状态只是最后一步

0 投票
1 回答
276 浏览

google-cloud-platform - “您已超出此 API 的请求配额” react-google-maps Javascript API

我正在尝试使用 react-google-maps 绘制路径。我可以毫无问题地显示地图,但是当我添加折线组件时,地图就像我达到了配额一样。我还没有接近配额。

是的,这个问题以前被问过。不,启用计费不是解决此问题的方法。

以下是相关代码:

按预期工作(无多图):

引发错误:

控制台中显示的错误是:“您已超出此 API 的请求配额。请参阅https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key -和计费错误

0 投票
1 回答
242 浏览

javascript - 反应谷歌地图标记删除

谷歌地图标记

嗨,我从数组生成标记并在我单击它们时删除它们但那没有发生,数组更改不影响 oage。

这是初始化数组的代码和删除标记的函数

这是在集群中生成地图和标记的 jsx