问题标签 [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.
reactjs - MobX React:如何仅重新渲染视图的一部分
我有一个地图反应组件,我正在动态添加标记。问题是当我在商店中添加标记时,整个地图会重新呈现,而不是仅仅将标记附加到地图上。有没有人对如何解决这个问题有任何建议?我很确定我需要将商店专门注入 CPMap 功能,我只是不确定如何。
google-maps - 谷歌地图反应不起作用
我正在使用 es2015 javascript 的反应,当我使用 google-maps-react 包时,我的控制台中出现以下异常:
warning.js:36 警告:通过主 React 包访问 PropTypes 已被弃用。请改用 npm 中的 prop-types 包。
地图.jsx:
google-maps - React 组件不会在另一个容器的 redux 状态更改时重新渲染
我有两个容器,即:FilterContainer
和MapContainer
.
FilterContainer 有一个状态:selectedFitlers
每当用户单击复选框列表中的某些内容时,它就会更新。
MapContainer
应该做的是查看state.filterListContainer.selectedFilters
数组并基于此显示标记。
但不幸的是,这并没有发生。我看到更改反映在 redux 状态中(通过查看 devTools),但不知何故MapContainer
并没有收到这些更改的通知。我试图利用componentWillReceiveProps
生命周期钩子,但没有看到nextProps
获取新值。
这是我的代码MapContainer
:
https://gist.github.com/ghoshabhi/a275f923bba4a92b2b1f9dc3fbe09826#file-mapcontainer-index-jsx-L50
我不明白为什么我的容器没有重新渲染或接收有关我的 redux 商店中状态更改的更新。
欢迎任何帮助/建议/替代方法:)
先感谢您!
javascript - 无法使用 google-maps-react 添加标记
我有这段代码在浏览器控制台中给我一个错误
但在包的文档中,他们从不导入 Marker https://github.com/fullstackreact/google-maps-react
我无法发现发生了什么
javascript - react + google-maps-react 渲染多个制造商
为什么我的代码不起作用?只显示我使用的一个标记 google-maps-react
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
reactjs - 如何使用 React 渲染组件 onClick?
我正在尝试渲染从父组件传递的特定位置的地图。我正在使用 google-maps-react,但我不确定两件事:
如何onClick
在我的渲染中调用函数。以及如何在我的类中编写呈现我想要的组件的函数。到目前为止,这是我所拥有的:
目前,该编译存在问题,因为bar
在渲染时未定义。有什么建议/建议吗?
javascript - 使用 google-maps-react 的 React 和 Google Maps,无法访问 API 的方法
我正在使用 google-maps-react,它工作得很好,但我无法理解如何在我的组件中使用 Google Maps API 的方法。现在我需要获取渲染地图的边界,但找不到任何方法来做到这一点。这是代码,任何帮助将不胜感激。
谷歌地图 API v 3.30.4
reactjs - google-maps-react 禁用滚轮
有没有办法禁用滚轮?我不确定如何将此选项集成到 google-maps-react 中。
我试过这个:
和这个:
但这对我不起作用
如果你能帮助我,那就太棒了!提前致谢!
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 中进行了测试,它们都可以正常工作。
非常感谢。