问题标签 [google-map-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 投票
3 回答
7143 浏览

typescript - 如何将 MarkerClusterer 添加到 google-map-react

我想在我的谷歌地图中实现 MarkerClusterer。有没有我可以使用的库或组件。谢谢你。这就是我的代码现在的样子。谢谢你。

如何将标记聚类与 google-map-react 库一起使用。谢谢

0 投票
2 回答
1066 浏览

javascript - google-map-react 填充多个标记

我目前正在尝试使用地图功能用标记填充我的谷歌地图。我似乎无法填充任何东西。是否有我不理解的限制或我遗漏了什么?我尝试用更简单的东西替换 FontAwesomeIcon,但它没有渲染。如果您在 GoogleMapReact 组件中多次复制粘贴 FontAwesomeIcon ,它似乎可以工作,但我似乎无法使其与地图一起使用。任何建议将不胜感激。

0 投票
0 回答
40 浏览

reactjs - 群集是突然的,首先使用复制的 url 登陆新选项卡,它不起作用,但可以刷新和放大和缩小

集群是突然的,第一次登陆页面时它不起作用,但可以刷新和放大和缩小。非常感谢任何帮助。

onGoogleApiLoaded= 调用 handleApiLoaded 方法,为它提供地图道具。

0 投票
0 回答
33 浏览

css - 谷歌地图放大/缩小按钮倾斜

google-map-react在我的一个反应站点中使用: https ://pioneeredu.ca/school-boards/on-sb/ca-on-tdsb

google-map-react生成地图的代码与示例中的代码几乎相同。但是,放大/缩小按钮是倾斜的。花了一些时间,但无法弄清楚是什么导致了这种奇怪的行为。有人可以提供一些线索吗?

0 投票
1 回答
1982 浏览

reactjs - 谷歌地图反应,来自 onGoogleApiLoaded apiIsLoaded 没有调用

函数 apiIsLoaded 没有被调用,并且 map 不能被初始化。怎么了?检查时,我可以看到没有谷歌地图 iframe 的 div,只是空白。我需要调用 apiIsLoaded,但找不到任何方法来做到这一点。这是代码,任何帮助将不胜感激。

0 投票
3 回答
861 浏览

javascript - 声明了函数但从未使用过它的值

我正在尝试创建一个带有一些复选框的下拉菜单。我发现这个参考并认为非常有价值。我在我的示例代码中实现了它,但我得到了function is declared but its value is never used错误并且不明白为什么。

在我正在使用的代码片段下方:

到目前为止我做了什么:

除了进行大量研究之外,我还查看了这份文档以确保所有内容都正确设置。我觉得是这样的。

我还发现了这篇有用的帖子,其中包含大量信息并在其中挖掘了一些内容,但我不确定是否与我的错误完全相关。

我使用<form>了 ,尽管我仍在学习这种类型的组件并认为这可能是一个很好的练习。我不确定这个错误是否可能是由于这一点。

感谢您指出解决问题的正确方向。

0 投票
1 回答
916 浏览

javascript - ReactJS - JavaScript:点击后如何放大自定义标记

Usig google-map-react,如何在单击自定义标记后放大它?我可以单击标记,但单击后它没有缩放。

下面是最重要部分的代码片段:

谷歌地图.js

ShipTracker.js是我检测到正确点击事件的地方:

到目前为止我做了什么:

到目前为止我尝试了什么:

1)我遇到了这个来源,这对于了解如何创建标记很有用,但不幸的是我无法解决问题。

2)就我而言,我使用google-map-react而不是 google-map。我知道程序是相似的,但由于某些原因,我可能会遗漏一些东西。

3)在深入研究问题后,我发现了这个来源,它非常有用,但我仍然无法解决问题。

0 投票
2 回答
5377 浏览

javascript - Google-map-react - reactjs:单击标记后如何动态显示弹出窗口

我正在使用 AISHub 构建船只可视化器。我能够使用纬度/经度找到我想要的船只并将它们显示在地图上。但是容器(标记)太多,我不知道谁是谁。

问题:如何在单击如下标记后动态显示弹出窗口?

标记

下面是我正在使用的代码最重要的部分:

到目前为止我做了什么:

1)我发现这篇文章对理解程序很有用。但不幸的是,我无法解决它。

2)我还发现这个非常有用,但是有两个问题使我无法使用它:a)信息框不是动态的,b)我正在使用google-map-react但帖子不是:

3)最后我尝试编写自己的组件InfoWindowBox.js,下面是我到目前为止所做的,但不知道我是否朝着正确的方向前进,以及是否应该在初始代码中实现:

InfoWindowBox.js

请有没有人经历过这个,指导正确的方向来解决它,因为我已经没有想法了。

0 投票
2 回答
602 浏览

reactjs - 如何使用道具更新多边形选项的填充颜色?

我正在用DrawingManager. 我想fillColor用道具修改多边形。我应该怎么办?

0 投票
1 回答
1251 浏览

reactjs - 如何在谷歌地图上查找用户位置并使用 google-map-react 库关注他们所在的位置

我正在尝试使用google-map-react库在 Google 地图上定位用户的当前位置。我设法用它react-geolocated来获取坐标并将它们输入GoogleMapReact组件中的纬度和经度道具,但它远​​非准确。我现在正在寻找有关如何使用 Google Maps API 获得更准确坐标并专注于用户所在地图区域的替代方法。使用handleApiLoaded 我不明白如何使用的方法来实现这一点。

以下是我为尝试解决此问题而编写的一些代码