无法读取未定义的属性（读取地图）

[英]Cannot read property of undefined (reading maps)

我想用谷歌的DinstanceMatrixService获取多个点之间的距离，我收到以下错误： 我多次使用google.maps... ，它给了我关于google未定义的错误。 我在互联网上搜索，发现如果我在 google.maps 前面输入window google.maps...它应该可以工 ...

如何计算不同经纬度之间的距离并在 map 上显示动态反应原生

[英]How to calculate the distance between differents lat long and display on map dynamically react native

我在我的应用程序中实现了 map。 下面是一个虚拟数组 geoCord[] 我在一个数组中得到 api 响应，我正在映射这个并在地图上显示很长时间。 不，我正在尝试计算两个经纬度之间的距离，例如在数组中，map 上显示了 2 个值，因此应该绘制一条线并显示它们之间的距离。 我尝试了一些东西，但它不起 ...

检查标记是否在 ViewPort google-maps-react 上可见

[英]Check if marker is visible on ViewPort google-maps-react

I am Currently working on a website like zillow.com , And I have to show data on the right side of map corresponding to the markers visible on map an ...

在 React/Next.js 中，如何简单地将数据从一个页面的组件传递到另一个页面上的组件？

[英]How can I simply pass data from a component one page to a component on another page in React/Next.js?

总结我有一个简单的 next.js 应用程序，它有两个页面，index.js 和 results.js。 索引页面有两个位置自动完成字段，在用户从推荐位置的下拉列表中选择位置后，它们会返回位置的地址和 LatLng。 返回后，此数据将存储在索引页面上称为markers的变量中。 当用户单击索引页面 ...

React 中的谷歌地图不显示多个标记

[英]Google Maps in React don't show multiple markers

我有个问题。 我的后端以正确的方式填充了数组标记，因为在调用之后我将拥有一个具有这种格式的数组： 当我加载 map 时，怎么看不到任何标记？ 碰巧看到了一次，可能是异步调用的问题？ 另外 map 有时与我给她的纬度和经度不太吻合，也许这是标记正确渲染后解决的问题。 你是怎样做的？ 我不想使用 Rea ...

如何从 StandaloneSearchBox 获取 Lat 和 Lng？

[英]How to get Lat and Lng from StandaloneSearchBox?

我使用react-google-maps StandaloneSearchBox并查询我的兴趣点的位置。 这是可行的。 但是，我得到了该位置的函数，而不是实际值。 我如何实际获得类似于视口的 lat 和 lng 值。 ...

React Google Maps 获得折线的边界

[英]React Google Maps get bounds of Polyline

我一直在与 Strava 开发人员 API 一起玩，并构建了一个基本的 React 应用程序来获取一些 Starva 活动并将其显示在列表中。 可以在这里找到回购。 我有一个 map 在这个组件中呈现活动路线。 源文件在这里。 多边形渲染得很好，但我现在想弄清楚如何缩放 map 以使 epolyli ...

如何将自定义按钮添加到 react-google-maps？

[英]How to add custom buttons to react-google-maps?

我正在尝试将应用内地图添加到我的应用程序中。 在此，我需要添加一个按钮，单击该按钮将控制台日志（“您好，我在这里”）。 这里使用的包是“react-google-maps” ...

缺少必需的道具 loadingElement 或 googleMapURL。 你需要提供他们两个

[英]Required props loadingElement or googleMapURL is missing. You need to provide both of them

我有这个道具，但仍然遇到同样的错误。 缺少必需的道具 loadingElement 或 googleMapURL。 您需要同时提供它们。 ...

集中google map问题

[英]Centralize google map issue

import React, { useState } from "react"; import GoogleMapReact from "google-map-react"; function GMap() { const [latLgn, setLatLgn] = useState([{ lng ...

react-google-maps 内容安全政策

[英]react-google-maps Content Security Policy

我正在 nextjs 中集成 react-google-maps。 一切正常，但当地图打开时，图像未加载：我拒绝加载图像，因为它违反了以下内容安全策略指令：“img-src *”这是什么意思以及如何解决这个问题？ 这与我的域或我的应用服务器有关吗？ 注意，本地一切正常 ...

谷歌地图与 React JS 钩子的集成，map 在更新时闪烁

[英]google maps integration with react js hooks, map flickers on update

所以我在做一个项目，我想整合谷歌地图，所以我下载了这些包（反应地理代码和反应谷歌地图）我阅读了他们的文档并在代码沙箱上找到了一段代码来帮助我解决整合地图，我将代码从 class 重构为挂钩，但是当使用 class 组件时，更新位置标记时 map 不会闪烁，但是当我更新为挂钩时，当我更改位置标记时它开 ...

如何使用 @react-google-maps/api 中的 getCenter 获取当前地图中心坐标？

[英]How can I get the current map center coordinates using getCenter in @react-google-maps/api?

我正在使用来自@react-google-maps/api GoogleMap组件，但似乎无法找到移动后如何获得当前居中的地图坐标（lat & lng）？ 通过四处搜索，我发现了这篇文章，它提出了一个类似的问题，但没有一个答案对我有用。 下面是我正在测试的代码。 地图加载正常，但是一旦 ...

自定义标记作为带有 react-google-maps-api 的 React 组件

[英]Custom Marker as a React Component with react-google-maps-api

我们正在从google-map-react转换为react-google-maps-api ，这意味着更多的原生 Google Maps API 体验。 在更改之前，我们能够将自定义标记加载为 React 组件，例如： 从我们原始库google-map-react的文档中，它说： 除了默 ...

PolylinesOprtions DirectionRender react-google-maps/api

[英]PolylinesOprtions DirectionRender react-google-maps/api

我尝试从 react-google-maps/api 更改 DirectionRender 上的标记。 我已经更改了折线颜色，但我没有更改标记 A 和 B，我的代码。 ...

无法从 react-google-maps/api 中的 StandaloneSearchBox 访问 this.searchBox

[英]Cannot access this.searchBox from StandaloneSearchBox in react-google-maps/api

我正在尝试访问getPlaces() function ，它应该位于react-google-maps/api的StandaloneSearchBox组件中。 在文档和其他示例中，以这种方式使用它：function Map() { // does not work. // Error -&g ...

react-google-maps 在使用 onClick 事件时重置 map

[英]react-google-maps resets map when using onClick events

我很难实现一些简单的 react-google-maps 代码，每当单击标记或关闭信息框时，map 会将其 position 重置为原始 position。 我看到我应该将 map 组件与更改 state 分开渲染，但我不确定如何实现这一点。 任何帮助表示赞赏 ...

如何在每个区域的反应谷歌 map 中添加和编辑多边形

[英]How to add and edit polygon in react google map for each zone

我正在使用 React js。 我需要使用具有给定功能的 react-google-map 来实现 map。 单击“区域”（例如区域 1）按钮 map 应显示对应于区域的区域（例如，如果您单击区域 1，则显示区域的 map 等）。 每个区域会有多个多边形。如果需要，我们可以编辑多边形。 我们可以通过 ...

如何更改标记的颜色并在@react-google-maps/api 组件上添加信息 window？

[英]How to change the color of markers and add info window on @react-google-maps/api component?

我有一个反应代码，它显示了 @react-google-maps/api 组件上的一个或多个位置。 这是我创建标记的一段代码： 如何根据某些特殊情况将某些标记的颜色更改为蓝色？ 我希望我的位置列表中的位置是普通的红色标记，而其他位置是蓝色的。 另外，如何为每个标记添加“信息窗口”？ ...

React Google Map 和 React Places 自动完成：您已在此页面上多次包含 Google 地图 JavaScript API

[英]React Google Map and React Places Auto Complete: You have included the Google Maps JavaScript API multiple times on this page

我需要为我的 2 个组件包含两次 google map API。 因此，发生此错误您已在此页面上多次包含 Google 地图 JavaScript API。 我无法删除 index.html 中的第一个 google map API 链接，因为我需要它来自动完成。 我现在的问题是如何在 googl ...