如何将 React 与 Google Places API 结合使用，以在 Google 地图上显示地点标记？
[英]How can I use React with Google Places API, to display place markers on a Google map?
我正在尝试构建与Airbnb类似的地图，您可以在其中拖动地图时查看位置标记。 我想在地图上显示来自 Google Places API 的“酒店”标记。 使用以下来自Google Maps 的JavaScript 代码，我可以在 Google 地图上显示酒店，但我想通过 React 使用react ...
使用 React Google Maps 显示方向
[英]Display Directions with React Google Maps
我是 React 的新手，正在尝试使用谷歌地图来显示方向。 我已经能够让它显示单个标记，但还没有找到如何重新配置代码以显示方向。 以下是我最近的尝试，但它只会显示地图......感谢任何帮助： 我在 index.html 的脚本标签中有 API 密钥 ...
我如何使用 react-google-maps 组件绘制路线？
[英]How i draw a route with react-google-maps component?
我正在尝试使用 react-google-maps 绘制两点之间的路线，但对我不起作用。 你能帮我解决这个问题吗？ 这是我的反应组件的示例。 还有我的MapDirectionsRenderer组件 ...
当我单击单个标记时，React Google Map InfoWindow 会显示所有信息
[英]React Google Map InfoWindow showing all the info when I click on a single Mark
出于某种原因，当我单击单个标记时，所有 InfoWindow 都会出现。 当我单击一个标记时，我预计会显示一个 InfoWindow。 有人可以解释为什么所有标记中的所有信息窗口都会出现吗？ 所以当我关闭它时，InfoWindow 也会关闭。 当我单击目标标记时，预期行为是 InfoWindow ...
一旦有边界，如何在 react-google-map 中使用 fitBounds
[英]How to use fitBounds in react-google-map once you have bounds
我到底在哪里调用 fitBounds 或 map.fitbounds。 一旦我有了界限或如何使用它，我就很困惑把它放在哪里。 我已将边界设置为本地边界状态。 我看过这篇文章react-google-maps: how to use fitBounds, panBy, panTo, panToBou ...
谷歌地图集群自定义图像
[英]Google map cluster custom image
我想用自定义图像更改谷歌地图聚类。 但是，它不会改变我提供的任何内容。 这个 initMap 函数是 https://developers.google.com/maps/documentation/javascript/marker-clustering 我尝试使用来自谷歌的一些随机图像 ...
在 react-google-maps 中按道具居中和缩放？
[英]Center AND zoom by prop in react-google-maps?
我正在构建一个类似于 Zillow 的地图，其中包含页面正文中的房地产属性点，并在页面标题中进行过滤。 当从外部谷歌地点过滤器中选择谷歌地点时，我需要的是居中和缩放react-google-maps地图。 目前我可以在地点选择上将地图居中，但不能放大（那是因为我需要在每次放大/缩小时重新获取数据， ...
react-google-maps 多个标记和信息窗口
[英]react-google-maps Multiple markers and Info Window
我需要为地图中的每个标记创建一个信息窗口。 我可以在地图上看到标记，但是当我单击标记以获取 InfoWindow 时，我收到此错误TypeError: Cannot read property 'isOpen' of undefined ，引用this.setState({isOpen: !this ...
在 react-google-maps 中动态添加、更新、删除标记
[英]Dynamically add, update, delete markers in react-google-maps
查看有关react-google-maps的文档，我能够破解一些代码来渲染带有静态数据的地图。 现在我需要根据来自 API 或定期更新的新数据对地图进行更改，但没有看到任何关于如何执行此操作的讨论。 为了制作初始应用程序，我做了一个“npx create-react-app xxx”来创建一个应用程 ...
在 React 谷歌地图中显示我当前的位置图标
[英]Show my current location icon in React google map
我们有什么方法可以通过使用 react google maps 在 google maps 中显示当前位置图标我在文档Documtation_link 中找不到任何用于显示当前位置图标的道具。 这是我的组件，我只需要显示用户当前位置图标 ...
google-map-react 和 react-google-maps 的区别
[英]Difference between google-map-react and react-google-maps
谷歌地图 API 有两种最流行的反应抽象（从每周 npm 下载量和 github repo 星数来看）。 对于像我这样的初学者来说，这是非常令人困惑的，因为我无法决定这些库能为我的项目带来什么，而不是仅仅通过查看文档来决定什么？ 简而言之，使用google-map-react和react-googl ...
React 中的地理定位，使用 react-google-maps
[英]geolocation in React, use react-google-maps
如何更改 react-google-maps 中的 defaultCenter ？ 我需要找到我的地理位置并更改默认值 lat 和 lng。 我需要将我的数据传输到组件 MapWithAMarker 接下来：Сenter={myLocation} 和 Marker position={myLoc ...
多边形未出现在 react-google-maps 中
[英]Polygon not appearing in react-google-maps
我正在尝试将多边形实现到 react-google-maps 插件中，但它不起作用。 它没有错误，但我在地图上也看不到任何多边形。 我可以在页面上看到地图，也出现了标记。 但我现在看不到任何多边形。 我在这里分享我的代码，任何帮助将不胜感激。 ...
如何使用react-google-maps访问google.maps.Map对象
[英]How to access google.maps.Map object with react-google-maps
我有一个非常简单的反应应用程序使用https://github.com/tomchentw/react-google-maps但我很难理解如何获取对当前地图的引用或如何访问google.maps.Map对象在自定义组件中。 我在回购中找到了这个 ，但在看了帖子后我仍然有点困惑。 我正 ...
React Google Map with DirectionsRendered，如何传递方向道具？
[英]React Google Map with DirectionsRendered, how to pass directions props?
我对带有 DirectRenderer 的 react-google-maps 地图有问题。 我试图以多种方式传递方向道具，但我总是收到此错误： InvalidValueError：setDirections：在属性路由中：不是数组 我定义如下： 然后通过这里但得到了描述的错误 我还有另 ...
react-google-maps：如何使用fitBounds，panBy，panTo，panToBounds公共API？
[英]react-google-maps: how to use fitBounds, panBy, panTo, panToBounds public APIs?
根据React Google Maps库 ，您可以从ref对象中调用这四种方法。 看起来很奇怪的是，这些方法应该接收两个参数，一个map实例和其他参数，如下所示： 但是，以这种方式调用fitBounds（）时，地图上没有任何反应，没有更改边界并且不会抛出任何错误。 这是我构建组件 ...
使用React更新基于Geolocation的Google Map
[英]Update Google Map based on Geolocation with React
我正在尝试显示Google地图，并根据Geolocation返回的纬度和经度对地图进行居中。 但是，地图显示为默认值，而不是由Geolocation值呈现。 我在组件状态中设置纬度和经度，并在状态更新后尝试重新渲染组件。 但它不起作用。 以下是我的代码。 MapView.js ...
如何使用 google-map-react 库设置地图的中心位置
[英]How to set the center position of the map using the google-map-react library
我的 React 类中有以下代码，它按预期设置地图的中心位置。 我的问题是，当我的 componentDidMount 完成时，我想使用从我的 API 返回的值重置地图的中心位置。 这就是我正在努力实现的目标 - 加载页面时加载默认地图中心位置（这是有效的） 当我的 API 返回时，使用 ...
如何在@react-google-maps/api 中添加自定义 ico 或 SVG 作为标记图标
[英]How to add custom ico or SVG as marker icon in @react-google-maps/api
我正在使用@react-google-maps/api在我的 React Web 应用程序中显示 Google Map。 根据他们的文档，我添加了如下标记。 但它似乎不起作用。 没有显示任何标记。 使用google.maps.SymbolPath.CIRCLE作为path将显示标记图标。 以前有人遇 ...
如何使用react-google-maps通过点击在地图上添加标记？
[英]How to add marker on map by Click using react-google-maps?
我正在努力寻找一个非常简单的例子，说明当用户使用基于组件的React-google-maps点击地图时，如何将标记添加到Google地图。 需要帮忙。 ...