问题标签 [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 投票
1 回答
287 浏览

reactjs - MobX React:如何仅重新渲染视图的一部分

我有一个地图反应组件,我正在动态添加标记。问题是当我在商店中添加标记时,整个地图会重新呈现,而不是仅仅将标记附加到地图上。有没有人对如何解决这个问题有任何建议?我很确定我需要将商店专门注入 CPMap 功能,我只是不确定如何。

0 投票
1 回答
1034 浏览

google-maps - 谷歌地图反应不起作用

我正在使用 es2015 javascript 的反应,当我使用 google-maps-react 包时,我的控制台中出现以下异常:

warning.js:36 警告:通过主 React 包访问 PropTypes 已被弃用。请改用 npm 中的 prop-types 包。

地图.jsx:

0 投票
1 回答
180 浏览

google-maps - React 组件不会在另一个容器的 redux 状态更改时重新渲染

我有两个容器,即:FilterContainerMapContainer.

FilterContainer 有一个状态:selectedFitlers每当用户单击复选框列表中的某些内容时,它就会更新。

MapContainer 应该做的是查看state.filterListContainer.selectedFilters数组并基于此显示标记。

但不幸的是,这并没有发生。我看到更改反映在 redux 状态中(通过查看 devTools),但不知何故MapContainer并没有收到这些更改的通知。我试图利用componentWillReceiveProps生命周期钩子,但没有看到nextProps获取新值。

这是我的代码MapContainer

https://gist.github.com/ghoshabhi/a275f923bba4a92b2b1f9dc3fbe09826#file-mapcontainer-index-jsx-L50

我不明白为什么我的容器没有重新渲染或接收有关我的 redux 商店中状态更改的更新。

欢迎任何帮助/建议/替代方法:)

先感谢您!

更新: Redux 开发工具: 在此处输入图像描述

0 投票
2 回答
1342 浏览

javascript - 无法使用 google-maps-react 添加标记

我有这段代码在浏览器控制台中给我一个错误

但在包的文档中,他们从不导入 Marker https://github.com/fullstackreact/google-maps-react

我无法发现发生了什么

0 投票
3 回答
747 浏览

javascript - react + google-maps-react 渲染多个制造商

为什么我的代码不起作用?只显示我使用的一个标记 google-maps-react

0 投票
1 回答
819 浏览

google-maps - 在 google-maps-react 中手动加载 Google API 时使用的不同 API 密钥

我正在使用手动Google API加载,如docs中所示。我的 index.html 的一个片段:

其中 MY_KEY 是我为项目生成的硬编码密钥。

然而,当使用地理定位时,通过跟踪传出请求,我注意到使用了不同API key的:AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw它看起来像一个通用键,因为它在网络上浮动。

结果,大多数时候API它不可用,例如在一天的晚些时候它回复:

我没有在库代码本身和 window.google 对象中找到这个 API 密钥,所以我有点困惑它实际上来自哪里......

但最重要的是,如何强制使用我的密钥?

编辑:演示站点也存在同样的问题:https ://fullstackreact.github.io/google-maps-react/ 页面源代码中的 API 密钥是:AIzaSyAyesbQMyKVVbBgKVi2g6VX7mop2z96jBo 而实际用于查询的是:

铬合金:AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw

火狐:AIzaSyD_Drzahe4dBzGCZ9ArvowCvrPx_yFrlCM

0 投票
1 回答
44463 浏览

reactjs - 如何使用 React 渲染组件 onClick?

我正在尝试渲染从父组件传递的特定位置的地图。我正在使用 google-maps-react,但我不确定两件事:

如何onClick在我的渲染中调用函数。以及如何在我的类中编写呈现我想要的组件的函数。到目前为止,这是我所拥有的:

目前,该编译存在问题,因为bar在渲染时未定义。有什么建议/建议吗?

0 投票
1 回答
1710 浏览

javascript - 使用 google-maps-react 的 React 和 Google Maps,无法访问 API 的方法

我正在使用 google-maps-react,它工作得很好,但我无法理解如何在我的组件中使用 Google Maps API 的方法。现在我需要获取渲染地图的边界,但找不到任何方法来做到这一点。这是代码,任何帮助将不胜感激。

谷歌地图 API v 3.30.4

0 投票
2 回答
1030 浏览

reactjs - google-maps-react 禁用滚轮

有没有办法禁用滚轮?我不确定如何将此选项集成到 google-maps-react 中。

我试过这个:

和这个:

但这对我不起作用

如果你能帮助我,那就太棒了!提前致谢!

0 投票
0 回答
959 浏览

javascript - google-maps-react 在 IE 11 中不起作用

我正在使用这个模块(https://github.com/fullstackreact/google-maps-react)并且该地图在除 IE 11 之外的所有主要浏览器中都能正常工作。错误在 ScriptCached.js 中,未定义 Promise。我查看了 google-maps-react 模块中的 package.json 并且“babel-polyfill”在那里。我应该做些什么才能使其在 IE 11 中工作?地图根本加载不出来。任何帮助表示赞赏!我已经在 Chrome、Safari、Firefox 和 Edge 中进行了测试,它们都可以正常工作。

非常感谢。