将 StandaloneSearchBox 放入代码中时，React Google Maps 卡在“加载中”

[英]React Google Maps Stuck on "Loading" when putting the StandaloneSearchBox in the code

我在我的 React js 上有一个页面，我正在尝试允许公司注册我的网站并添加他们的位置，以便其他公司过来进行租赁、购买等。如果我可以添加标记，我还需要标记。 我已经在我的页面上获得了我的 Google 地图，但是，我无法在页面上获得搜索栏 ( StandaloneSearchBox )，因为它卡 ...

InfoWindow 使用 react-google-maps 显示两个信息窗口

[英]InfoWindow is showing two infowindows using react-google-maps

我正在使用 react-google-maps 库，到目前为止我一直做得很好。 我的应用程序从我的后端收到一个带有位置的 json，我正在映射它们以在 map 上添加标记，它们显示得很好。 这些标记有一个 OnClick function，它在 ReactHook 上设置信息。 当我的钩子 stat ...

Google map 在 React 应用程序中不工作，但在代码沙箱中工作

[英]Google map is not working in react application but it is working in code sandbox

我正在尝试将 google map 集成到我的 React 应用程序中。 但是 map 是空白的。 这就是我得到的。 来自我的应用程序的 Google map 图片但是相同的代码在我的代码沙箱中运行得非常好。 我不知道发生了什么。 我需要立即帮助这是我的代码沙箱的链接，我的 map 在其中工作正常， ...

如何在 react-google-maps/api 中自动居中坐标和缩放多个标记

[英]How to auto center coordinates and zoom for multiple markers in react-google-maps/api

我想在 map 上显示多个动态标记。动态标记的意思是标记由用户过去的活动决定。 我想确定适当的缩放级别和中心坐标，以便用户不必滚动浏览 map。我已经检查了此文档https://react-google-maps-api-docs.netlify.app/但不能找不到与我需要的规范相关的任何示例。 ...

如何在 React 中显示 StreetViewPanorama？

[英]How to display StreetViewPanorama in React?

我想知道这是否可能。 在互联网上找到一些图书馆，但他们的文档描述不佳或已过时。 我正在尝试使用谷歌 API 密钥让街景完全正常工作我在https://react-google-maps-api-docs.netlify.app/尝试使用@react-google-maps/api库和文档 - 不幸 ...

react-google-maps 将标记图标更改为航路点

[英]react-google-maps change marker icon to waypoints

我正在使用 react-google-maps ( https://tomchentw.github.io/react-google-maps/ ) 开发跟踪 web 视图的交付应用程序。 我需要自定义航点标记的图标。 我已经在谷歌中搜索并集成到我的代码中，但不幸的是没有任何效果。 数据来自 api ...

设置 Marker 的锚点

[英]Set the anchor of the Marker

我们正在尝试使用 react-google-maps 为我们的标记使用自定义图标。 它正在工作，但是图标的“锚点”似乎默认位于引脚 (0,0) 的左上角，这不适用于我们的图标。 我可以看到直接使用google-maps-api有一个.Point： 但是我们看不到如何在 react-google-ma ...

不使用 @react-google-maps/api 渲染的标记

[英]Markers not rendering using @react-google-maps/api

我对世界的反应比较陌生，尤其是对使用谷歌地图。 我正在使用@react-google-maps/api 和 React 版本 18。我正在尝试显示多个位置（作为标记），但是，它们没有显示在初始渲染中。 我按照文档进行操作，没有收到任何错误，只是没有显示标记。 有谁知道为什么？ 谢谢：这是代码： ...

第一次反应渲染后如何更改谷歌 map 语言？

[英]How to change google map language after first react render?

我使用https://github.com/tomchentw/react-google-maps 。 我需要通过单击按钮更改我的 map 语言。 我只能更改一次，例如从 ja 更改为 ar，但不能再更改为 ja。 我怎样才能做到这一点？ 这是没有反应的示例http://jsfiddle.net/ ...

Next js - 在 Vercel 中部署时出现 react-google-maps/api 错误：发生客户端异常

[英]Next js - react-google-maps/api error when deploying in Vercel : A client-side exception has occurred

我的下一个 js 应用程序在开发和构建中运行良好，但是当我尝试在 Vercel 中部署它时，当我尝试调用调用我的 mapView 组件的页面时出现此错误： 应用程序错误：发生客户端异常（有关更多信息，请参阅浏览器控制台）。 这是 vercel 应用程序中的完整日志： 这是我的 map 组件： i ...

如何安全地将 API 密钥传递给 React 组件所需的 React 前端

[英]How do I safely pass API keys to a React Front end that is needed for a React Component

我正在使用 @react-google-maps/api 在 React 上创建一个 map 组件。 为了加载组件，我们需要将 API 密钥传递给 useJsApiLoader。 如何处理保护 API 密钥，使其在这种情况下在前端不可见？ （我有一个 express.js 后端） 这是@react ...

以位置为中心渲染谷歌地图 OverlayView

[英]Render google maps OverlayView centered on location

我需要渲染一个以特定位置为中心的按钮，现在我正在使用 OverlayView 来渲染按钮。 它产生以下结果，在北点上渲染叠加层的左上角 position。 有没有办法让它以位置为中心渲染？ ...

标记未在 localhost next.js 上显示 @react-google-maps/api

[英]Marker not showing @react-google-maps/api on localhost next.js

我知道有类似的问题......但没有人回答我的问题我正在尝试向我的谷歌 map 添加一个标记，但是当我在本地运行项目时它没有显示（在我的实时站点上它工作正常） 这是我的组件import { React, useMemo } from "react"; import { GoogleMap, Ma ...

react-google-maps 中没有与此调用匹配的重载

[英]No overload matches this call in react-google-maps

我在与 typescript 反应时遇到问题，我正在使用react-google-maps为 google map 但我收到eslint错误这里是错误的屏幕截图 我尝试了所有我知道的东西，但我无法找到问题所在。 这是代码 // Import React import * as React from ...

如何将“外部”事件侦听器添加到 Google 地图中的标记（react-google-maps/api）

[英]How to add "outside" event listener to Markers in Google Maps (react-google-maps/api)

我有一个存储在state中的远足列表，我将这些远足的位置呈现为 Google Map 组件上的标记，如下所示： 我还在其自己的BusinessCard组件中显示了远足列表及其其他详细信息，如下所示： 当我在每个BusinessCard组件上 hover 时，我希望相应的标记为“反弹”设置动画。 我 ...

react-google-maps/api DirectionsService 不断地重新渲染自己

[英]react-google-maps/api DirectionsService keeps rerendering itself

我已经在 react JS 中编写了这段代码，以使用“react-google-maps/api”来计算两点之间的路线。 现在我的谷歌地图不断重新渲染，直到它给出“DIRECTIONS_ROUTE：OVER_QUERY_LIMIT”错误。 我不知道是什么问题。 帮助将不胜感激，因为我是 react ...

在 react-google-maps 中按道具居中和缩放？

[英]Center AND zoom by prop in react-google-maps?

我正在构建一个类似于 Zillow 的地图，其中包含页面正文中的房地产属性点，并在页面标题中进行过滤。 当从外部谷歌地点过滤器中选择谷歌地点时，我需要的是居中和缩放react-google-maps地图。 目前我可以在地点选择上将地图居中，但不能放大（那是因为我需要在每次放大/缩小时重新获取数据， ...

Invalid LatLng object: (37.42216, undefined) 在我的 react-redux 应用程序上渲染谷歌地图时出错

[英]Invalid LatLng object: (37.42216, undefined) error when rendering google map on my react-redux app

我正在尝试在我的 react-redux 应用程序上呈现谷歌地图。 一切正常。 直到我决定向渲染的谷歌地图添加一些自定义markers 。 现在页面是空白的，因为我在浏览器控制台中看到了这个错误 我很快恢复到工作代码....但它仍然显示相同的错误。 这些是相关代码： locationPin ...

为什么 react-google-maps/api 不显示线条和多边形？

[英]Why react-google-maps/api doesn't show lines and polygons?

我在主项目中使用 react-google-maps/api 库，但看不到我在 map 上绘制的线条。 所以我创建了演示项目来尝试相同的代码。 有用。 但主要项目不起作用。 我查看了 react 版本、react-dom 版本、react-google-maps/api 版本。 这三个都是相同的版 ...

如何使用 react-google-maps 包通过放大反应来关注标记位置

[英]How to focus on the marker position with zoom in react using react-google-maps package

如何通过变焦聚焦到标记位置。 一旦标记位置更改为不同的位置，我需要手动放大和缩小并转到市场位置。 从字面上看，我需要手动滚动和放大标记的位置，这很困难。 我正在使用https://github.com/tomchentw/react-google-maps包 以下代码的示例输出。 输出 Gif ...