堆栈内存溢出
cost 120 ms
如何将 React 与 Google Places API 结合使用，以在 Google 地图上显示地点标记？

[英]How can I use React with Google Places API, to display place markers on a Google map?

我正在尝试构建与Airbnb类似的地图，您可以在其中拖动地图时查看位置标记。 我想在地图上显示来自 Google Places API 的“酒店”标记。 使用以下来自Google Maps 的JavaScript 代码，我可以在 Google 地图上显示酒店，但我想通过 React 使用react ...

google-map-react 和 react-google-maps 的区别

[英]Difference between google-map-react and react-google-maps

谷歌地图 API 有两种最流行的反应抽象（从每周 npm 下载量和 github repo 星数来看）。 对于像我这样的初学者来说，这是非常令人困惑的，因为我无法决定这些库能为我的项目带来什么，而不是仅仅通过查看文档来决定什么？ 简而言之，使用google-map-react和react-googl ...

当我单击单个标记时，React Google Map InfoWindow 会显示所有信息

[英]React Google Map InfoWindow showing all the info when I click on a single Mark

出于某种原因，当我单击单个标记时，所有 InfoWindow 都会出现。 当我单击一个标记时，我预计会显示一个 InfoWindow。 有人可以解释为什么所有标记中的所有信息窗口都会出现吗？ 所以当我关闭它时，InfoWindow 也会关闭。 当我单击目标标记时，预期行为是 InfoWindow ...

如何在react-google-maps中弯曲折线？

[英]How to curve a Polyline in react-google-maps?

我是 React 的新手，一直在玩 react-google-maps 包。 我正在尝试弯曲连接两个地方的折线。 阅读完文档后，我尝试将曲线折线函数合并到“可编辑”道具下。 这是弯曲折线的函数： 我无法理解如何在 Polyline 组件中使用此功能。 我可以在任意两个位置之间标记一条线，但不能 ...

谷歌地图集群自定义图像

[英]Google map cluster custom image

我想用自定义图像更改谷歌地图聚类。 但是，它不会改变我提供的任何内容。 这个 initMap 函数是 https://developers.google.com/maps/documentation/javascript/marker-clustering 我尝试使用来自谷歌的一些随机图像 ...

由于两个模块，Google Maps API 两次错误

[英]Google Maps API twice error due to two modules

我在 React 应用程序中使用react-google-maps和location-autocomplete 。 在页面加载时，我收到了臭名昭著的： “您在此页面上多次包含 Google Maps API。这可能会导致意外错误。” 重复一遍，我通过模块使用地图，而不是直接包含< ...

InfoWindow 使用 react-google-maps 显示两个信息窗口

[英]InfoWindow is showing two infowindows using react-google-maps

我正在使用 react-google-maps 库，到目前为止我一直做得很好。 我的应用程序从我的后端收到一个带有位置的 json，我正在映射它们以在 map 上添加标记，它们显示得很好。 这些标记有一个 OnClick function，它在 ReactHook 上设置信息。 当我的钩子 stat ...

React-Google-Maps 显示两个标记，一个在原始位置，另一个标记在地图的新中心 onDrag

[英]React-Google-Maps displays two markers, one at the original position and another marker that follows the new center of the map onDrag

在使用 ReactJS 获取她的坐标后，我正在使用react-google-maps来显示用户的位置。 但是，当我从原始位置移动标记时，初始标记停留在那里，因此创建了两个标记。 我不知道如何解决这个问题。 我希望无论发生什么，地图标记都保持在中心，而且当用户拖动或放大/缩小标记时，标记保持在中心， ...

标记未在 localhost next.js 上显示 @react-google-maps/api

[英]Marker not showing @react-google-maps/api on localhost next.js

我知道有类似的问题......但没有人回答我的问题我正在尝试向我的谷歌 map 添加一个标记，但是当我在本地运行项目时它没有显示（在我的实时站点上它工作正常） 这是我的组件import { React, useMemo } from "react"; import { GoogleMap, Ma ...

在地图上显示多个标记时，如何在单击标记时打开一个信息窗口？

[英]When displaying multiple markers on a map, how to open just one info window, when clicking on a marker?

我正在使用react-google-maps显示带有标记的地图，当您点击标记时，所有信息窗口都会打开。 我想点击它时只显示一个标记的信息窗口，而其他标记的信息窗口保持关闭状态。 这是我的代码： 我正在打开和关闭InfoWindow 我正在映射所有标记，并在地图上显示它们。 ...

React Google Map DirectionsRenderer Issue

[英]React Google Map DirectionsRenderer Issue

因为我想在React中创建从当前位置到特定点击标记的Route。 为了实现这个我使用React谷歌地图库（ react-google-maps ）和它的方向示例（ 方向示例 ），但遗憾的是我无法在React组件中调用new google.maps.DirectionsService()方法。 ...

React-Google-Map多个信息窗口打开

[英]React-Google-Map multiple Info window open

我目前正在使用react-google-maps构建一个google map api，我想创建多个标记以在信息窗口上显示世界各地城市的信息。 但是由于它们全部来自html对象。 每当我单击一个标记时，所有信息窗口都会打开。 是否有办法解决？ 样例代码： ...

React js 谷歌地图 react-google-maps-api 添加 StandaloneSearchBox

[英]React js google map react-google-maps-api add StandaloneSearchBox

我想添加一个 StandaloneSearchBox，但我无法添加它，这是我收到的问题，这是我正在使用的代码。 我按照文档示例中所示进行了操作，但无法使其正常工作，并且找不到工作示例。 我在 codesanbox 上发布的示例与我正在使用的代码相同。 链接： 代码沙盒 代码： ...

如何使用react-google-maps访问google.maps.Map对象

[英]How to access google.maps.Map object with react-google-maps

我有一个非常简单的反应应用程序使用https://github.com/tomchentw/react-google-maps但我很难理解如何获取对当前地图的引用或如何访问google.maps.Map对象在自定义组件中。 我在回购中找到了这个 ，但在看了帖子后我仍然有点困惑。 我正 ...

在 react-google-maps 中动态添加、更新、删除标记

[英]Dynamically add, update, delete markers in react-google-maps

查看有关react-google-maps的文档，我能够破解一些代码来渲染带有静态数据的地图。 现在我需要根据来自 API 或定期更新的新数据对地图进行更改，但没有看到任何关于如何执行此操作的讨论。 为了制作初始应用程序，我做了一个“npx create-react-app xxx”来创建一个应用程 ...

使用 React Google Maps 显示方向

[英]Display Directions with React Google Maps

我是 React 的新手，正在尝试使用谷歌地图来显示方向。 我已经能够让它显示单个标记，但还没有找到如何重新配置​​代码以显示方向。 以下是我最近的尝试，但它只会显示地图......感谢任何帮助： 我在 index.html 的脚本标签中有 API 密钥 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM