问题标签 [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.
typescript - 如何将 MarkerClusterer 添加到 google-map-react
我想在我的谷歌地图中实现 MarkerClusterer。有没有我可以使用的库或组件。谢谢你。这就是我的代码现在的样子。谢谢你。
如何将标记聚类与 google-map-react 库一起使用。谢谢
javascript - google-map-react 填充多个标记
我目前正在尝试使用地图功能用标记填充我的谷歌地图。我似乎无法填充任何东西。是否有我不理解的限制或我遗漏了什么?我尝试用更简单的东西替换 FontAwesomeIcon,但它没有渲染。如果您在 GoogleMapReact 组件中多次复制粘贴 FontAwesomeIcon ,它似乎可以工作,但我似乎无法使其与地图一起使用。任何建议将不胜感激。
reactjs - 群集是突然的,首先使用复制的 url 登陆新选项卡,它不起作用,但可以刷新和放大和缩小
集群是突然的,第一次登陆页面时它不起作用,但可以刷新和放大和缩小。非常感谢任何帮助。
onGoogleApiLoaded= 调用 handleApiLoaded 方法,为它提供地图道具。
css - 谷歌地图放大/缩小按钮倾斜
我google-map-react
在我的一个反应站点中使用:
https ://pioneeredu.ca/school-boards/on-sb/ca-on-tdsb
google-map-react
生成地图的代码与示例中的代码几乎相同。但是,放大/缩小按钮是倾斜的。花了一些时间,但无法弄清楚是什么导致了这种奇怪的行为。有人可以提供一些线索吗?
reactjs - 谷歌地图反应,来自 onGoogleApiLoaded apiIsLoaded 没有调用
函数 apiIsLoaded 没有被调用,并且 map 不能被初始化。怎么了?检查时,我可以看到没有谷歌地图 iframe 的 div,只是空白。我需要调用 apiIsLoaded,但找不到任何方法来做到这一点。这是代码,任何帮助将不胜感激。
javascript - 声明了函数但从未使用过它的值
我正在尝试创建一个带有一些复选框的下拉菜单。我发现这个参考并认为非常有价值。我在我的示例代码中实现了它,但我得到了function is declared but its value is never used
错误并且不明白为什么。
在我正在使用的代码片段下方:
到目前为止我做了什么:
除了进行大量研究之外,我还查看了这份文档以确保所有内容都正确设置。我觉得是这样的。
我还发现了这篇有用的帖子,其中包含大量信息并在其中挖掘了一些内容,但我不确定是否与我的错误完全相关。
我使用<form>
了 ,尽管我仍在学习这种类型的组件并认为这可能是一个很好的练习。我不确定这个错误是否可能是由于这一点。
感谢您指出解决问题的正确方向。
javascript - ReactJS - JavaScript:点击后如何放大自定义标记
Usig google-map-react
,如何在单击自定义标记后放大它?我可以单击标记,但单击后它没有缩放。
下面是最重要部分的代码片段:
谷歌地图.js
ShipTracker.js是我检测到正确点击事件的地方:
到目前为止我做了什么:
到目前为止我尝试了什么:
1)我遇到了这个来源,这对于了解如何创建标记很有用,但不幸的是我无法解决问题。
2)就我而言,我使用google-map-react而不是 google-map。我知道程序是相似的,但由于某些原因,我可能会遗漏一些东西。
3)在深入研究问题后,我发现了这个来源,它非常有用,但我仍然无法解决问题。
javascript - Google-map-react - reactjs:单击标记后如何动态显示弹出窗口
我正在使用 AISHub 构建船只可视化器。我能够使用纬度/经度找到我想要的船只并将它们显示在地图上。但是容器(标记)太多,我不知道谁是谁。
问题:如何在单击如下标记后动态显示弹出窗口?
下面是我正在使用的代码最重要的部分:
到目前为止我做了什么:
1)我发现这篇文章对理解程序很有用。但不幸的是,我无法解决它。
2)我还发现这个非常有用,但是有两个问题使我无法使用它:a)信息框不是动态的,b)我正在使用google-map-react
但帖子不是:
3)最后我尝试编写自己的组件InfoWindowBox.js
,下面是我到目前为止所做的,但不知道我是否朝着正确的方向前进,以及是否应该在初始代码中实现:
InfoWindowBox.js
请有没有人经历过这个,指导正确的方向来解决它,因为我已经没有想法了。
reactjs - 如何使用道具更新多边形选项的填充颜色?
我正在用DrawingManager
. 我想fillColor
用道具修改多边形。我应该怎么办?
reactjs - 如何在谷歌地图上查找用户位置并使用 google-map-react 库关注他们所在的位置
我正在尝试使用google-map-react
库在 Google 地图上定位用户的当前位置。我设法用它react-geolocated
来获取坐标并将它们输入GoogleMapReact
组件中的纬度和经度道具,但它远非准确。我现在正在寻找有关如何使用 Google Maps API 获得更准确坐标并专注于用户所在地图区域的替代方法。使用handleApiLoaded
我不明白如何使用的方法来实现这一点。
以下是我为尝试解决此问题而编写的一些代码