问题标签 [react-google-maps]

我正在尝试使用 react-google-maps，在 DirectionsService 中有一个结果，并且结果有一些我需要的信息，但即使我分配给全局变量，我也不能在 DirectionsService 之外使用它。我只想在下面的返回函数中使用它。如何定义 DirectionsService 之外的可变路由？

我在谷歌地图上显示图标时遇到问题。这是我的代码：

标记的位置由 console.log 在控制台中显示，但它们不会显示在地图上……我不知道为什么……也许你们中的一些人知道，为什么会发生这种情况……这里是链接到 Github 上的这个项目：https ://github.com/hajczek/Neighborhood---Warsaw-Cultural-Map

感谢您的任何提示。

我现在正在制作一个带有反应的谷歌地图，但我的 placeId 显示结果有问题。我有这个代码：

我想在 InfoWindow 中显示取自这个 placeId 的地址 - 显示 {marker.title}。而且我不知道该怎么做......这是GitHub存储库上这个项目的链接：https ://github.com/hajczek/Neighborhood---Warsaw-Cultural-Map也许你们中的一些人知道，如何可以解决这个问题...感谢您的任何回答:)

我现在在 React 中使用 Google Map，现在我在使用getDetails()Google PlacesService 的功能时遇到了问题。这是我的代码的一部分，我想在其中使用此功能显示有关所选地点的信息InfoWindow：

现在这段代码得到这个错误：

未捕获的类型错误：无法在 Lc（js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4）的 P4.attributionText_changed（places_impl.js:32）处读取 Object._.Tv（util.js:20）处未定义的属性“innerHTML”： 51) 在 P4._.M.bindTo (js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:126) 在 Object.Q4.f (places_impl.js:32) 在 Hr。(js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:179) 在 js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:136 在 Object. (js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:60) 在 js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4: 136 在对象。(js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:60) at js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:136 at js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:60 at js?libraries=geometry, drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:136 at Sd (js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:63) at Rd.wa (js?libraries=geometry,drawing,places&key=AIzaSyBqtLvddq3jzZ_Lnu9M8266EMVBfXtlUT4:136) at util.js:1

也许你们中的一些人知道，如何正确使用这个功能来反应......我在谷歌上找了很长时间，但我什么也没找到......

这是 Github 上该项目的链接： https ://github.com/hajczek/Neighborhood---Warsaw-Cultural-Map

感谢您的任何提示:)

我的组件MapWithADirectionsRenderer定义如下

但在地图上移动路线后，从谷歌获取的方向正确更新，但不是我想要显示的标记。始终显示相同的标记。

有什么方法可以更新MapWithADirectionRenderer以便它重新渲染我的标记而不仅仅是方向？谢谢

我有一个问题：我在这个链接上使用 react-google-maps DirectionsRenderer：directionsrenderer

我正在显示方向和标记，但是在完成拖动路线时，我希望标记也被更改，但它不起作用。

在componendDidMount我插入了这个：

我在渲染时有这个

I am making a Google Map applications in React with 'react-google-maps', and I have this code:

• in App.js file I have declaration an image in state:

• and marker definition in map.js file:

I want to change a marker symbol when marker will be clicked. But this is not working well, because when I clicked on marker then every markers icons changes, not only this one which was clicked.... How can I do this? Maybe some of you know, what is wrong in my code ?

Here is a link to repository on GitHub with this application: https://github.com/hajczek/Neighborhood---Warsaw-Cultural-Map

Thanks for any help!

我想保留默认图标并在点击时更改它的颜色。我应该使用什么属性来改变颜色？

这是我的 makeMarkers 函数：

我遇到了 react-google-maps 模块的问题，即标记和组件重新渲染。

这是场景：

1. 加载带有地图和 2-3 个标记的页面（好的）
2. 单击导航栏上的选项卡 -> 页面以单页应用程序方式呈现其他内容（好的）
3. 单击导航栏上返回地图的选项卡 -> 页面呈现地图但不呈现标记。

我在该州持有标记数据，并将它们应用到onGoogleApiLoaded={({map, maps}) => this.renderMarkers(map, maps)}.

我设法通过renderMarkers在setTimeout一秒钟内换行来解决这个问题，并且它以这种方式加载得很好。

我不喜欢这个解决方案，我相信我根本没有按照我应该的方式去做。我相信标记试图将自己放置在未渲染的地图上，但奇怪的是即使没有setTimeout它也适用于默认页面（可能与反应组件生命周期有关，我不知道）。

onGoogleApiLoaded={({map, maps}) => this.renderMarkers(map, maps)}地图完全加载后有没有办法附加属性？或者至少延迟它，直到我 100% 确定地图已加载，而不是一些随机的秒数。

编辑：我正在使用该方法分配标记，marker.setMap(map)我只是尝试在标记的构造函数中设置属性map: map，但行为保持不变。

如何更改 react-google-maps 中的 defaultCenter？我需要找到我的地理位置并更改默认值 lat 和 lng。

接下来我需要将我的数据传输到组件 MapWithAMarker：Сenter={myLocation} 和 Marker position={myLocation}

如果我使用 this.props，它就不起作用。

或者