
[英]Accessing maps google maps object in react-google-maps library
在我使用 react-google-maps 库的反应应用程序中,我试图在第 32 行访问谷歌地图 object 调用构造函数,但我得到“谷歌未定义”错误。 该库不公开地图 object,我如何访问 google 对象? 它也不包含在道具中 但在文档中,可以访问谷歌 object https:// ...
[英]Accessing maps google maps object in react-google-maps library
在我使用 react-google-maps 库的反应应用程序中,我试图在第 32 行访问谷歌地图 object 调用构造函数,但我得到“谷歌未定义”错误。 该库不公开地图 object,我如何访问 google 对象? 它也不包含在道具中 但在文档中,可以访问谷歌 object https:// ...
[英]How to get the latitude and longitude value when the user marks a point on the map?
我仍然是 React 的初学者,我正在做一个测试项目,用户在 map 上标记一个点。 问题是我无法保存纬度和经度变量的值。 我需要这些变量的值稍后以表格形式发送。 如您所见,在 console.log() 中您可以看到纬度和经度是多少。 我需要的是将此值保存在一个变量中以便以后发送。 这是我在 ...
[英]could not update state after onplacechanged event occure in react js?
__ 我在 react-google-maps 中使用了 withprops。 我还使用了 react-google-maps 中的搜索框我的问题是当 onplacechanged 事件发生时我想尝试更新 state 中的中心但是 this.setState 在 onplacechabged f ...
[英]How do I use Distance Matrix API in ReactJS using @react-google-maps/api?
我正在使用上面的 package 并且找不到合适的文档来实现代码。 目前,这是我的代码: 此代码出现以下错误: InvalidValueError:在属性来源中:不是数组我想稍后一起使用所有其他服务,如路线、地点、自动完成功能。 现在我正在尝试单独工作,我只遇到了这个问题。 package 的 ...
[英]TS2531 | React useRef - Object is possibly undefined
我需要在 React 中为我的谷歌 map 设置新的 lat 和 lng 常量 mapRef 返回错误: Object 可能为“空”。 TS2531 当我使用 let 而不是 React.useRef 时,它可以工作。 我认为应该将类型设置为 mapRef,但我不知道在哪里可以找到它。 但我认为 ...
[英]@react-google-maps Marker LatLng throwing error
我正在使用@react-google-maps/api构建我的第一个反应 map .. 但是我在Marker内的 position 的 latLng 文字破坏了我的代码。 这不是我用于center的相同 latLng 格式吗? 我的 Marker latLng 怎么错了? 这似乎是文档中唯一需要的属 ...
[英]react-google-maps hooks and getBound()
我正在构建一个应用程序,每次用户移动 map 时都会更新标记。 我正在使用 onBoundChanges 方法获取边界并将它们存储在挂钩中(setBounds(mapBounds)。)不幸的是,当我尝试使用 setBounds(mapBounds)将其存储在挂钩中时,它会在循环中发送应用程序。 你 ...
[英]GoogleMap with header div extends beyond window size
注意:我已经看到了一些类似的问题并尝试了他们的答案(CSS position:绝对),但它们都已经 7 岁左右,并没有解决我的问题。 我正在使用交互式 Google Map 和 header 制作一个简单的 React 应用程序,该应用程序显示来自 map 的信息。 但是,map 总是在页面下方扩展 ...
[英]Can you display different components on different zoom levels with react-google-maps and have smooth transitions when zooming?
我正在使用 React 和 react-google-maps,我想以不同的缩放级别显示不同的组件。 这些组件就像不同的数据层。 我正在考虑使代码如下所示: 我这样做的方式是我的 zoomHandler function 将检查地图的缩放级别,然后一旦它通过某个点,我想切换正在查看的组件。 问题是 ...
[英]Google Maps markers not visible on deployed version but are available on local run version
我正在为我的应用程序使用 react-google-maps。 map 和标记在本地运行时工作。 然而,在我在 Vercel 上部署的版本中,map 在那里——但没有标记。 我定义标记的方式是通过类似于以下的映射: 在另一个项目中,我注意到 img 属性给定的不透明度为 60%,在部署时不断设置为 ...
[英]How to change the default Marker used in the Google Maps API Drawing Layer controls
我想知道如何将自定义标记与谷歌地图绘图控件一起使用。 我想这样做是因为我需要在用户点击 map 并让它打开一个信息 window (点击时)并在那里有一些自定义操作(按钮等)时放置一个标记。 我为此使用了 react 和@react-google-maps/api ,但这可能不是重点,因为它只是 G ...
[英]Markers which are meant to move on google map creates two pairs. One that moves and one that is stuck on initial position
我一直在尝试在 React 中实现一个 Web 应用程序,它显示 map 上的所有机载飞机。 为此,我将 React-Google-Maps 与 Opensky Network API 一起使用。 我的问题很奇怪。 当应用程序首次加载并定位所有标记时,它看起来很好。 但是当标记开始移动时,初始标记 ...
[英]CORS error working with @react-google-maps/api
我遇到了 CORS 错误与 onClick function 设置。 我只是设置 static 标记(页面加载时的标记而不是动态添加的)。 我已经让它们渲染得很好,但是当我实际单击标记时,我得到一个指向 setSelected 行的 CORS 错误。 知道为什么吗? import React f ...
[英]Creating Custom Buttons in React Google Maps
我目前正在使用react-google-maps进行个人项目,但在 map 上显示自定义按钮时遇到问题。 我想创建一个悬停在 map 上的菜单按钮,就像谷歌地图(搜索栏)的左上角一样。 根据文档的说明,您必须创建一个 div 并使用以下命令将其放在 map 的特定一侧。 但是,我无法让它与 Reac ...
[英]react-google-maps click the map to get coordinates
我是 react-google-maps 的新手,我想向 map 添加一个事件监听器,这样当我点击 map 上的任意点时,我可以获得该点的坐标,但是,我真的不知道我在哪里应该添加事件监听器。 我的代码片段如下: 我想知道为什么我点击map时好像onClick不起作用? 非常感谢你们! ...
[英]Unwanted page refresh with react-google-maps
正如标题所说,每当我移动可拖动标记时,我都会得到不需要的页面刷新。 我想每次都将 map 设置为平移到新标记 position ,但目前会解决页面刷新问题。 我添加了我认为负责的代码片段非常感谢任何帮助 ...
[英]react-google-maps “google is not defined”
我在我的一个反应项目中使用react-google-maps 。 但我收到了这个错误: 我从堆栈溢出尝试了其他几种解决方案,但没有一个对我有用。 这是我的代码: 我的代码有什么问题? 任何帮助将不胜感激。 ...
[英]Can I set a 'default center' value in react-googe-maps/api?
我使用原始的react-google-maps package 有一段时间了,但意识到它已经有几年没有更新了,所以我安装了一个更新的 package,称为react-google-maps/api 。 这两个包都有一个名为<GoogleMap/>的组件,但旧的 package 有一个可 ...
[英]react-google-maps map refreshes after onclick
我在 Map 组件中使用 react-google-maps ,每当我单击标记时,都会发生两件奇怪的事情。 首先,有两个InfoWindow的开口,一个是空白的,一个是我的div。 此外,每当执行 onclick 时,map 都会刷新,这不是我想要的。 我从 App.js 调用我的 Map 组件。 ...
[英]How to move the map by code in react-google-maps?
嗨,我想制作一个可以将 map 移动到用户当前位置的按钮,我阅读了文档,但我仍然不明白要移动 map 的代码,就像我们在自动完成中键入并输入位置一样,或者我应该重新- 用新的经纬度渲染 map? ...