问题标签 [google-map-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 回答
345 浏览

javascript - use-supercluster 获取空数组

弄清楚如何处理 TypeScript 和use-supercluster库之后,我已经“让它工作”了,直到我遇到一个新问题:每当我使用useSuperCluster()函数时,我都会得到一个空数组。

我正在遵循创作者的指南,所以我可以处理我自己的项目。

这就是我所做的:

当我调试时,points我得到类似的东西:

但随后,clusters是空的。我bounds像在视频中一样使用onChange属性进行更新,例如:

那么,我做错了什么?

编辑:

我已经将supercluster对象添加到useSuperCluster()解构中const { clusters, supercluster } = useSuperCluster(...),在调试它之后,我得到了以下对象:

0 投票
1 回答
309 浏览

next.js - 有没有办法让 Formik 使用 NextJS 在 Internet Explorer 11 中工作

我一直在使用 NextJS 创建一个小型网站。我使用 formik 和 google-map-react 来验证表单并显示基本地图。

IE11 在使用这些库时“不合作”。我尝试更改 babel 配置并使用 next-transpile-modules 包来尝试提供 polyfill 和对 node_modules 包的转译,但没有结果。

任何朝着正确方向的推动将不胜感激!亲切的问候

0 投票
0 回答
49 浏览

reactjs - 'google-map-react' Polyline 由于管理不善的 React 状态而无法绘制

作为 React TS 的新手,我想要一些关于管理sessionEntity变量的帮助。

我使用一个名为getEntity(). 在开发环境中。下面的代码工作得很好。在我预计加载数据需要更长时间的产品环境中,折线永远不会被绘制。我假设那是因为我的函数在加载handleApiLoaded()之前被调用。sessionEntity

我敢肯定我加载的方式有一个愚蠢的错误sessionEntity。基本上,我想在加载和安装handleApiLoaded()后被调用。sessionEntitymap

请帮忙。

0 投票
1 回答
217 浏览

javascript - 处理 google.maps.infoWindow 内的按钮事件 - ReactJS

我正在尝试处理 google.maps.infoWindow 中按钮的单击事件。我试图通过 infoWindow 内容将函数名称传递给 onClick 但没有用。所以,我搬到了getElementById但也没有成功。返回的getElementById("polyButton")是 null (无法读取 null 的属性 'addEventListener' )。

编码:

作为参考,我尝试这样使用onClick

有趣的部分是在使用时onClick='this.fpolylineHandler()'出现一个错误,说这不是一个函数。在上面的例子中,什么都不做。

0 投票
1 回答
548 浏览

javascript - 如何在反应中使用 google-map-react 制作静态地图?

我有这个 :

我可以给你什么道具?会不会像 scrollEnabled = {false}?

0 投票
1 回答
463 浏览

reactjs - 如何在谷歌地图反应中显示共享链接

我正在使用react-google-maps,我能够显示位置lanlat但我找不到任何使用共享链接显示位置的方法,例如 https://goo.gl/maps/YBuwmbwH21yUE19Z9

我想在谷歌地图中显示这个链接

这是我的代码:

请帮助我,谢谢

0 投票
1 回答
188 浏览

reactjs - 标记组件未在 React JS 中的 Google 地图上显示

我对 React JS 比较陌生。但是,我似乎无法弄清楚为什么我的 GoogleMap 组件上没有显示标记。

“tasks”是我从数据库中获取的一个数组,它包含一个数组“userTrackers”。我在这段代码中使用的 console.log 命令会写出我所期望的所有内容(不要担心经度处的拼写错误,这就是它在数据库中的样子)。我认为地图方法不正确或她内部的东西,但我似乎无法弄清楚是什么。

0 投票
1 回答
70 浏览

google-maps - 禁用嵌入式谷歌地图上的气泡

知道如何在我的嵌入式谷歌地图上禁用这些气泡吗?

我正在使用 react-google-map 将其嵌入到 react/typescript 应用程序中

在此处输入图像描述

这是我的代码:

0 投票
1 回答
197 浏览

reactjs - google-map-react 标记 onclick 不起作用

为了清楚起见,我正在使用 react-google-map https://www.npmjs.com/package/google-map-react

我清楚地遵循了文档,并且能够使其正常工作。这是我的代码。

由于某些原因。标记 onClick 不会触发。所以当我点击标记时。什么都没发生。我的控制台上什么也没有发生。我不确定我做错了什么。任何帮助将不胜感激。

0 投票
1 回答
107 浏览

javascript - React.js 地理位置在 iPhone/Android 上的浏览​​器中不起作用

我试图在地图上找到我的位置,它在我的计算机上的谷歌浏览器上运行良好,但是当模拟到 android/iPhone 时,例如在 iPhone 模拟器上使用自定义位置时没有任何反应。在我的实际 iPhone 上也尝试过,但没有任何运气。我能找到的所有在模拟器/真实设备上接受位置的设置都是 ON

谷歌地图.js

地理.js

使用位置.js

有人知道可能出了什么问题吗?谢谢!!