react-google-maps相关内容

如何将Reaction与Google Places API结合使用,以在Google地图上显示位置标记?

我正在尝试构建一个与on Airbnb类似的地图,在其中您可以在拖动地图时查看位置标记。我要在地图上显示Google Places API中的酒店标记。 使用Google Maps中的以下JavaScript代码,我可以在Google地图上显示酒店,但我希望使用react-google-maps通过Reaction来实现这一点。 ..

使用地理编码初始化 React Google Maps StandaloneSearchBox

有人可以告诉我如何使用类型初始化 React Google Maps 的 StandaloneSearchBox 组件:['geocode'](就像在原始的 google.maps.places.Autocomplete 中一样,所以我可以限制自动完成对输入的建议? 解决方案 我能够在 alexandar 的建议下做这样的事情.将地址传递到地址搜索中并使用地理编码进行附近搜索.希望这会有所 ..
发布时间:2021-07-03 20:30:16 其他开发

如何使用react-google-maps包进行缩放并专注于标记位置

如何通过变焦聚焦到标记位置.当标记位置更改为其他位置后,我需要手动放大和缩小并转到市场位置. 从字面上看,我需要手动滚动并缩放到标记的位置,这很困难. 我正在使用 https://github.com/tomchentw/react-google-地图 包 下面的代码的示例输出. 输出Gif图片链接 import从'react'导入React;从"recompose"导 ..
发布时间:2021-05-12 20:20:03 其他开发

react-google-maps/api避免在某些状态更改后重新渲染地图

我遇到了问题,我的GoogleMaps实例将刷新并自动将自身置于某些onClick函数上,该函数设置了状态,并且整个Component渲染周期都会发生. 在进行一些谷歌搜索之后,建议将组件实例化分离并重新使用.现在的问题是,我有一些逻辑来显示组件内的标记,该标记不再按预期工作,并且我不知道如何重构: export default function Locatio ..
发布时间:2021-02-14 19:04:54 前端开发

google-map-react和react-google-maps之间的区别

有两种最流行的Google Maps API(根据每周的npm下载和github repo星级判断).对于像我这样的初学者来说,这非常令人困惑,因为我无法决定这些库可以为我的项目带来什么,而不能仅通过查看文档来决定什么? 简而言之,使用解决方案 请注意,react-google-maps项目的维护已超过一年,请参见 https://github.com/tomchentw/react-go ..

谷歌地图中标记的打开和关闭切换按钮反应

我想创建一个按钮,以删除所有Google地图反应的标记,我已经将其用于热图,但是它不允许我对标记做相同的策略吗?是因为正在完成映射吗?比起您,我已经设置了所有其他功能,并且仅说明了最后一个步骤 import React, { Component } from 'react'; import { Map, GoogleApiWrapper, InfoWindow, Marker, HeatMa ..

当标记放置在不同的位置时,如何阻止Google地图重新呈现并仅将值保留在输入字段中?

我对此进行了大量研究,但仍未找到任何解决方案,因此请仔细阅读并为我提供帮助, 基本上就像我们通过拖动标记在地图上选择一个位置时一样,我不希望地图刷新并重置值,并且重新渲染发生后该图钉又回到中心位置, "shouldcomponentupdate"中是否有任何解决方案?这不允许您重新渲染整个内容,但是当我将标记从一个位置移动到另一个位置时,通过不断更新在输入字段中检索到的值(例如address ..

当地图四处移动时,如何使标记始终居中?

我正在使用react-google-maps组件制作带有一个标记的地图.我做到了,它运行正常,但是问题是我希望标记始终居中. 我曾经在Google上进行过研究,并找到了几种解决方案:一种是通过Google API实现的,但我不知道如何实现对Google Maps的反应,其次-在地图上添加假标记-我认为不是很好的解决方案. import React from 'react'; impor ..
发布时间:2020-11-19 04:18:28 前端开发

我可以将OverlappingMarkerSpiderfier与react-google-maps一起使用吗?

我正在研究一个使用react-google-maps( https://github的项目. com/tomchentw/react-google-maps )库. 效果很好,但是我们偶然发现了标记重叠的问题.解决此问题的理想方法是使用此插件: https://github.com/jawj/OverlappingMarkerSpiderfier. 有什么办法可以和react-goog ..