问题标签 [google-maps-react]

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.

0 投票
0 回答
26 浏览

javascript - 通过 google-maps-react 管理的谷歌地图有问题

地图加载但没有任何实际内容。用于缩放等的侧边栏加载正常,但没有实际地图。我已经玩过很多语法,但没有任何结果。我是在做一些根本错误的事情,还是有一个可以快速修复的小语法错误?“lati”记录到控制台就好了。我仍然认为自己是 react.js 的学生,所以如果这看起来有点业余时间,我很抱歉,但我很喜欢社区可以提供的任何见解。谢谢你。

尝试传递道具的变量大约是第三次尝试使其运行。我试图直接传递道具,这甚至无法渲染。

0 投票
1 回答
201 浏览

javascript - 如何连接google-maps-react中的connect()函数?

我正在尝试将 google-maps-react 与 redux 一起使用。问题是 redux 在操作后不会立即刷新状态。一切只有在我拖动地图后才能工作。

这是我的代码包装器:

0 投票
0 回答
25 浏览

reactjs - 谷歌在反应中渲染谷歌地图时未定义

目前我正在尝试在反应中渲染简单的地图。我尝试过的一切,但都是静脉。现在我使用 google-maps-react 来渲染 google map 并包含它的库,但我仍然得到 google is undefined 我不知道为什么。这是我的代码

有什么建议么 ?? ?

0 投票
1 回答
347 浏览

ruby-on-rails - 谷歌地图反应只显示状态数组中最后渲染对象的标记

我在从状态数组中渲染谷歌地图标记时遇到问题。尽管所有标记都列在反应组件中,但仅显示最后渲染的标记

我正在使用 google-maps-react 显示一个位置,其中包含许多代表书友会的标记。我从 Rails API 中获取标记的地址,将它们循环到地理编码器中并在循环中设置状态。州内的每个对象都有书友会 lat、lng 和数据。

我通过表格接收中心地图位置。表单中的数据通过地理编码器并设置为地图的状态。

当我使用 state.markers 中的数据添加标记时,只会显示最后一个编码标记。这适用于我是否遍历 state.markers 时。

0 投票
1 回答
2351 浏览

google-maps-react - 如何使用 google-maps-react 加载 GeoJSON?

我正在尝试将 GeoJSON 图层加载到我的 React Google Map 上。我知道在普通的 JS 中你可以使用 map.data.loadGeoJson(),但这似乎在 google-maps-react 中不受支持。有没有办法使这项工作或至少解决这个问题?

我尝试了这个解决方案,但它对我不起作用:https ://medium.com/@dmw9400/using-geojson-with-google-maps-api-5127f7498a33

在 componentDidMount 中获取 GeoJSON 文件:

尝试将 GeoJSON 更改为多边形格式:

渲染图:

0 投票
0 回答
158 浏览

reactjs - GoogleMapReact 不显示地图或标记

我正在尝试在我的 ReactJS 应用程序中设置谷歌地图。我通过 npm https://www.npmjs.com/package/google-map-react了解了 GoogleMapReact 。我已经添加了所有设置,但是运行时会显示以下内容:

在此处输入图像描述

标记正确显示名称,但地图本身不会加载。控制台中没有警告或错误。我使用了错误类型的密钥吗?

我的代码如下:

编辑:添加 API 密钥的屏幕截图

在此处输入图像描述

0 投票
0 回答
228 浏览

javascript - 如何让用户在表单中输入标记以添加标记以从谷歌地图 api 反应地图

正如标题所说,如何让用户在表单中输入标记以添加标记以响应来自 google maps api 的 Map

例子

用户想在某个位置创建一个事件,所以他们想通过表单向谷歌地图添加一个标记。他们只需单击地图或输入纬度、经度并输入事件/派对/等信息并设置事件的日期时间持续时间。

如何在反应中编码?

0 投票
1 回答
836 浏览

javascript - Google-maps-react 标记未显示 InfoWindow onClick

当我单击谷歌地图标记时,它会注册单击,但我似乎无法让 InfoWindow 在状态更改后出现。

尝试在单击时从更新状态设置/读取

'''反应

'''

我希望出现带有某种 InfowWindow 的谷歌地图标记,但 infowWindowOpened 返回 undefined

0 投票
1 回答
2149 浏览

javascript - 谷歌地图标记大小与反应

我目前正在使用 google-maps-react 进行 google-maps 项目,但遇到了一个问题。我正在使用道具来获取我的标记的值(纬度、经度、标记图标),但是我无法更改标记的大小。我留下了一个巨大的标记,无法改变这一点。我试图将尺寸作为道具传递,但没有成功。
预先感谢您的任何帮助。

这是我的代码:

MAPS.JS

索引.JS

0 投票
0 回答
70 浏览

reactjs - 如何确定用户是否在谷歌地图 api 中搜索子地区、地区、州等进行反应?

我正在建立一个定位服务,用户可以在其中搜索某个区域的地点(例如医院、火车站等)。我想知道是否有一种方法可以确定用户查询的粒度,即用户是否在子地区、地区、州或整个国家/地区进行搜索。是否有任何 API 可以让我分解查询?

目前,我正在使用 google.maps.places.PlacesService 中的 textSearch api 从 google maps API 获取结果。这最多可以返回 60 个结果。然后,我获取结果的其中一个 place_id 并使用 getDetails API 获取有关该地点的详细信息。但这只会分解检索结果的地址组件。我想了解查询的细分。