cost 399 ms
在 react-google-maps 库中访问地图 google maps object

[英]Accessing maps google maps object in react-google-maps library

在我使用 react-google-maps 库的反应应用程序中,我试图在第 32 行访问谷歌地图 object 调用构造函数,但我得到“谷歌未定义”错误。 该库不公开地图 object,我如何访问 google 对象? 它也不包含在道具中 但在文档中,可以访问谷歌 object https:// ...

用户在map上标记点时如何获取经纬度值?

[英]How to get the latitude and longitude value when the user marks a point on the map?

我仍然是 React 的初学者,我正在做一个测试项目,用户在 map 上标记一个点。 问题是我无法保存纬度和经度变量的值。 我需要这些变量的值稍后以表格形式发送。 如您所见,在 console.log() 中您可以看到纬度和经度是多少。 我需要的是将此值保存在一个变量中以便以后发送。 这是我在 ...

如何使用@react-google-maps/api 在 ReactJS 中使用距离矩阵 API?

[英]How do I use Distance Matrix API in ReactJS using @react-google-maps/api?

我正在使用上面的 package 并且找不到合适的文档来实现代码。 目前,这是我的代码: 此代码出现以下错误: InvalidValueError:在属性来源中:不是数组我想稍后一起使用所有其他服务,如路线、地点、自动完成功能。 现在我正在尝试单独工作,我只遇到了这个问题。 package 的 ...

TS2531 | React useRef - Object 可能未定义

[英]TS2531 | React useRef - Object is possibly undefined

我需要在 React 中为我的谷歌 map 设置新的 lat 和 lng 常量 mapRef 返回错误: Object 可能为“空”。 TS2531 当我使用 let 而不是 React.useRef 时,它可以工作。 我认为应该将类型设置为 mapRef,但我不知道在哪里可以找到它。 但我认为 ...

@react-google-maps Marker LatLng 抛出错误

[英]@react-google-maps Marker LatLng throwing error

我正在使用@react-google-maps/api构建我的第一个反应 map .. 但是我在Marker内的 position 的 latLng 文字破坏了我的代码。 这不是我用于center的相同 latLng 格式吗? 我的 Marker latLng 怎么错了? 这似乎是文档中唯一需要的属 ...

react-google-maps 钩子和 getBound()

[英]react-google-maps hooks and getBound()

我正在构建一个应用程序,每次用户移动 map 时都会更新标记。 我正在使用 onBoundChanges 方法获取边界并将它们存储在挂钩中(setBounds(mapBounds)。)不幸的是,当我尝试使用 setBounds(mapBounds)将其存储在挂钩中时,它会在循环中发送应用程序。 你 ...

带有 header div 的 GoogleMap 超出了 window 大小

[英]GoogleMap with header div extends beyond window size

注意:我已经看到了一些类似的问题并尝试了他们的答案(CSS position:绝对),但它们都已经 7 岁左右,并没有解决我的问题。 我正在使用交互式 Google Map 和 header 制作一个简单的 React 应用程序,该应用程序显示来自 map 的信息。 但是,map 总是在页面下方扩展 ...

您可以使用 react-google-maps 在不同的缩放级别上显示不同的组件并在缩放时平滑过渡吗?

[英]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%,在部署时不断设置为 ...

如何更改 Google 地图 API 绘图层控件中使用的默认标记

[英]How to change the default Marker used in the Google Maps API Drawing Layer controls

我想知道如何将自定义标记与谷歌地图绘图控件一起使用。 我想这样做是因为我需要在用户点击 map 并让它打开一个信息 window (点击时)并在那里有一些自定义操作(按钮等)时放置一个标记。 我为此使用了 react 和@react-google-maps/api ,但这可能不是重点,因为它只是 G ...

旨在移动谷歌 map 的标记创建两对。 一个会移动,一个会卡在初始 position

[英]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 错误使用@react-google-maps/api

[英]CORS error working with @react-google-maps/api

我遇到了 CORS 错误与 onClick function 设置。 我只是设置 static 标记(页面加载时的标记而不是动态添加的)。 我已经让它们渲染得很好,但是当我实际单击标记时,我得到一个指向 setSelected 行的 CORS 错误。 知道为什么吗? import React f ...

在 React Google Maps 中创建自定义按钮

[英]Creating Custom Buttons in React Google Maps

我目前正在使用react-google-maps进行个人项目,但在 map 上显示自定义按钮时遇到问题。 我想创建一个悬停在 map 上的菜单按钮,就像谷歌地图(搜索栏)的左上角一样。 根据文档的说明,您必须创建一个 div 并使用以下命令将其放在 map 的特定一侧。 但是,我无法让它与 Reac ...

react-google-maps 点击 map 获取坐标

[英]react-google-maps click the map to get coordinates

我是 react-google-maps 的新手,我想向 map 添加一个事件监听器,这样当我点击 map 上的任意点时,我可以获得该点的坐标,但是,我真的不知道我在哪里应该添加事件监听器。 我的代码片段如下: 我想知道为什么我点击map时好像onClick不起作用? 非常感谢你们! ...

使用 react-google-maps 刷新不需要的页面

[英]Unwanted page refresh with react-google-maps

正如标题所说,每当我移动可拖动标记时,我都会得到不需要的页面刷新。 我想每次都将 map 设置为平移到新标记 position ,但目前会解决页面刷新问题。 我添加了我认为负责的代码片段非常感谢任何帮助 ...

react-google-maps “谷歌未定义”

[英]react-google-maps “google is not defined”

我在我的一个反应项目中使用react-google-maps 。 但我收到了这个错误: 我从堆栈溢出尝试了其他几种解决方案,但没有一个对我有用。 这是我的代码: 我的代码有什么问题? 任何帮助将不胜感激。 ...

我可以在 react-googe-maps/api 中设置“默认中心”值吗?

[英]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 在 onclick 后刷新

[英]react-google-maps map refreshes after onclick

我在 Map 组件中使用 react-google-maps ,每当我单击标记时,都会发生两件奇怪的事情。 首先,有两个InfoWindow的开口,一个是空白的,一个是我的div。 此外,每当执行 onclick 时,map 都会刷新,这不是我想要的。 我从 App.js 调用我的 Map 组件。 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM