问题标签 [react-google-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何使用给定地址初始化 StandaloneSearchBox 组件？
我有一个没有地图的 google.maps.places.SearchBox 的反应组件，它是一个 StandaloneSearchBox。我想传递带有初始值的道具（这只是地址的格式化版本，例如“伦敦，肯塔基州，États-Unis”），然后能够更改输入字段中的地址。
我在该州有一个 places 属性，我想保存它的 place 对象。如何在 componentDidMount() 方法的开头传递初始值，以便将其设置为 places 对象？它不能以这种方式工作。
javascript - 谷歌地图视图更改自动行为
我使用“react-google-maps”在我的反应应用程序中呈现谷歌地图。
一切正常，除了一些位置，如（37°32'01.6"N 77°27'23.4"W - 詹姆斯门罗墓），当我们继续缩放时，2D 视图会自动更改为 3D 视图（45 度）
我可以通过单击视图右下角的网格选项恢复到旧视图，但这不是我想要的。
是否有抑制这种默认行为的道具。可能这与反应包装器无关，但感谢您的帮助。
谢谢你。
注意：当视图被转换时，引脚注释会偏离实际位置。
javascript - 带有 document.getElementById 的 Reactjs 样式组件
您好，我正在尝试突出显示具有相同 ID 的项目。我正在使用 document.getElementById 但我真的不知道该怎么做。有人可以帮助我吗？我正在从我的数据库中迭代一个对象数组......
....我的 GoogleMaps 组件：
id={marker.id}和cardId={card.id}是相同的，我想在将鼠标悬停在它们上面时突出显示其中一个...在此先感谢。
javascript - React-google-map - 如何将点击监听器添加到覆盖元素以 stopPropogation()
我正在使用 react google map react-google-maps，并在地图上添加了叠加层。当我单击覆盖时，它会触发位于覆盖 div 后面的位置的 google 信息窗口，因为 MapPanes.mapPane 的优先级高于 overlayLayer。
我从这里https://groups.google.com/forum/#!topic/google-maps-js-api-v3/726OKUJCG6s找到了一个解决方案，但这是纯 JavaScript 实现。
我如何添加google.maps.event.addDomListener(div, 'click', cancelEvent )react-google-maps （也许使用 refs，但也尝试过）？
下面是我用来生成地图和覆盖的代码，
reactjs - 使用地理编码初始化 React Google Maps StandaloneSearchBox
有人可以告诉我如何使用类型初始化 React Google Maps 的 StandaloneSearchBox 组件：['geocode']（就像在原始的 google.maps.places.Autocomplete 中一样，所以我可以限制自动完成对输入的建议？
javascript - 如何从反应谷歌地图而不是要求导入 MarkerClusterer
在他们使用的示例中const { MarkerClusterer } = require("react-google-maps/lib/components/addons/MarkerClusterer");，但我想使用 import。
我尝试使用
import { MarkerClusterer } from 'react-google-maps/lib/components/addons/MarkerClusterer';
这似乎对我不起作用，我做错了吗？
reactjs - gmaps 标记范围问题的 onPositionChanged 处理程序
我尝试更新 react-google-maps 包装器的可拖动标记的当前位置，并将这些值传递回父级。
我的问题是，它onMarkerPositionChange this要么是 FindLocationMarker 类，要么是标记本身，这取决于函数的调用方式。
onPositionChanged={() => this.onMarkerPositionChange()}是我的另一个选择。
我需要两个，位置的标记和道具中函数的类。
在提供的示例中，this是标记。
evt是未定义的，我知道。
我如何为函数提供类范围和标记？
reactjs - React-google-maps infowindow `React.Children.only 期望接收单个 React 元素子项。`
我正在尝试在单击时打开特定标记上的信息窗口，但是当我单击一个时，它们似乎都在打开，并向我显示此错误：
React.Children.only expected to receive a single React element child.
这就是我的代码现在的样子：
编辑开始
我做了一些更改以尝试解决评论，但是它还没有工作，你能给我一些关于我做错了什么的提示吗，因为我对顶部组件做了一些更改，我也会将它粘贴在这里：
地图.js
javascript - 第一次反应渲染后如何更改谷歌地图语言？
我使用https://github.com/tomchentw/react-google-maps。我需要通过单击按钮更改我的地图语言。我只能更改一次，例如从 ja 更改为 ar，但不能再更改为 ja。我怎样才能做到这一点？
这是没有反应的例子http://jsfiddle.net/2AKqM/
PS对不起我的英语