问题标签 [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.
javascript - use-supercluster 获取空数组
在弄清楚如何处理 TypeScript 和use-supercluster库之后,我已经“让它工作”了,直到我遇到一个新问题:每当我使用useSuperCluster()
函数时,我都会得到一个空数组。
我正在遵循创作者的指南,所以我可以处理我自己的项目。
这就是我所做的:
当我调试时,points
我得到类似的东西:
但随后,clusters
是空的。我bounds
像在视频中一样使用onChange
属性进行更新,例如:
那么,我做错了什么?
编辑:
我已经将supercluster
对象添加到useSuperCluster()
解构中const { clusters, supercluster } = useSuperCluster(...)
,在调试它之后,我得到了以下对象:
next.js - 有没有办法让 Formik 使用 NextJS 在 Internet Explorer 11 中工作
我一直在使用 NextJS 创建一个小型网站。我使用 formik 和 google-map-react 来验证表单并显示基本地图。
IE11 在使用这些库时“不合作”。我尝试更改 babel 配置并使用 next-transpile-modules 包来尝试提供 polyfill 和对 node_modules 包的转译,但没有结果。
任何朝着正确方向的推动将不胜感激!亲切的问候
reactjs - 'google-map-react' Polyline 由于管理不善的 React 状态而无法绘制
作为 React TS 的新手,我想要一些关于管理sessionEntity
变量的帮助。
我使用一个名为getEntity()
. 在开发环境中。下面的代码工作得很好。在我预计加载数据需要更长时间的产品环境中,折线永远不会被绘制。我假设那是因为我的函数在加载handleApiLoaded()
之前被调用。sessionEntity
我敢肯定我加载的方式有一个愚蠢的错误sessionEntity
。基本上,我想在加载和安装handleApiLoaded()
后被调用。sessionEntity
map
请帮忙。
javascript - 处理 google.maps.infoWindow 内的按钮事件 - ReactJS
我正在尝试处理 google.maps.infoWindow 中按钮的单击事件。我试图通过 infoWindow 内容将函数名称传递给 onClick 但没有用。所以,我搬到了getElementById
但也没有成功。返回的getElementById("polyButton")
是 null (无法读取 null 的属性 'addEventListener' )。
编码:
作为参考,我尝试这样使用onClick
:
有趣的部分是在使用时onClick='this.fpolylineHandler()'
出现一个错误,说这不是一个函数。在上面的例子中,什么都不做。
javascript - 如何在反应中使用 google-map-react 制作静态地图?
我有这个 :
我可以给你什么道具?会不会像 scrollEnabled = {false}?
reactjs - 如何在谷歌地图反应中显示共享链接
我正在使用react-google-maps
,我能够显示位置lan
,lat
但我找不到任何使用共享链接显示位置的方法,例如
https://goo.gl/maps/YBuwmbwH21yUE19Z9
我想在谷歌地图中显示这个链接
这是我的代码:
请帮助我,谢谢
reactjs - 标记组件未在 React JS 中的 Google 地图上显示
我对 React JS 比较陌生。但是,我似乎无法弄清楚为什么我的 GoogleMap 组件上没有显示标记。
“tasks”是我从数据库中获取的一个数组,它包含一个数组“userTrackers”。我在这段代码中使用的 console.log 命令会写出我所期望的所有内容(不要担心经度处的拼写错误,这就是它在数据库中的样子)。我认为地图方法不正确或她内部的东西,但我似乎无法弄清楚是什么。
reactjs - google-map-react 标记 onclick 不起作用
为了清楚起见,我正在使用 react-google-map https://www.npmjs.com/package/google-map-react
我清楚地遵循了文档,并且能够使其正常工作。这是我的代码。
由于某些原因。标记 onClick 不会触发。所以当我点击标记时。什么都没发生。我的控制台上什么也没有发生。我不确定我做错了什么。任何帮助将不胜感激。
javascript - React.js 地理位置在 iPhone/Android 上的浏览器中不起作用
我试图在地图上找到我的位置,它在我的计算机上的谷歌浏览器上运行良好,但是当模拟到 android/iPhone 时,例如在 iPhone 模拟器上使用自定义位置时没有任何反应。在我的实际 iPhone 上也尝试过,但没有任何运气。我能找到的所有在模拟器/真实设备上接受位置的设置都是 ON
谷歌地图.js
地理.js
使用位置.js
有人知道可能出了什么问题吗?谢谢!!