如何在React中更改Google地图标记CSS？

文章/答案/技术大牛

发布

1回答

reactjs、google-maps、web

当鼠标悬停在React上时，我正在尝试更改React中Google Maps标记的CSS，但我真的在为如何做到这一点而苦苦挣扎。 }}

浏览 7提问于2019-07-22得票数 1

1回答

GoogleMapReact每2秒更改标记位置错误- setState不是一个函数

javascript、html、reactjs、google-maps-api-3、google-maps-markers

我的react应用程序中有下面的map.jsx文件，它在屏幕上显示一张地图。我试图在这个地图中添加一个标记(在一个名为“MyGreatPlace”的单独组件中)，该组件每2秒更改一次位置。它应该只是更新标记，而不是刷新整个地图，但是我得到了以下错误：下面是我的代码： import GoogleMapReactfrom 'google</em

浏览 7提问于2022-02-19得票数 -1

回答已采纳

2回答

我正在用API构建React，它跟踪一些对象，我不使用任何lib来管理google地图。当我设置一个静态LatLng时，它会显示它应该在什么位置，但是当它获得数据时，每秒钟更新一次，它就没有显示出来。this.position, disableDefaultUI: true this.map = new google.maps.Map(this.refs.map, this.mapOptions); th

浏览 2提问于2017-11-14得票数 0

回答已采纳

2回答

地图标记不显示(地图之前呈现的标记)- ReactJS with @react* google- Map /api*

javascript、reactjs、react-google-maps-api

我想要的：问题：可能的原因：App.js，(默认ReactJS文件)/style/map.cssimport { GoogleMap, useLoadScript, Marker } from "@react-google-maps/api"; impo

浏览 21提问于2022-05-19得票数 0

回答已采纳

1回答

react中的单个自定义标记google maps API

javascript、reactjs、google-maps、onclick

我一直在与谷歌地图和地点API的工作，并已成功地让它使用反应挂钩，以允许用户下降标记，onClick信息窗口，自动完成地点搜索和地理位置。然而，我需要的是，onClick它将只添加一个单一的标记，这将改变位置每次用户点击一个新的coord。而不是像现在一样，在每次点击时都添加多个标记。marker.lng }} url: "/crane-pin.svg", scaledSize: new windo

浏览 13提问于2020-09-17得票数 0

1回答

将更改的标记数组应用于“react”中的谷歌地图

javascript、html、reactjs、google-maps

将更改标记数组应用于react中的Google地图我的react应用程序中有一个Google地图，它允许一个标记在地图周围移动(因为纬度每隔几秒钟就会改变一次)。但是，如果我有一个标记数组(它一直使用具有相应纬度/经度的新标记进行更新)，那么是否有一种方法可以循环遍历这些标记并将它们添加到地图中。它需要继续检查它们没有

浏览 4提问于2022-02-20得票数 0

回答已采纳

1回答

使用ReactJS更新标记而不更新Google中心

javascript、reactjs、google-maps、google-maps-markers

我正在使用react-google-maps v9.4.5库。当我更新标记时，地图的中心也会被更新。如何在不影响地图的情况下更新标记？但是它不承认我在中使用的变量googleimport React from "react"; withGoogleMap, GoogleM

浏览 4提问于2020-11-23得票数 0

2回答

React原生地图绘制方向

android、react-native

我在React Native应用中找到了很多使用Gmap(地图、标记、动画、地理定位)的解决方案。但我找不到任何使用Gmap方向的指南。如何在React Native中使用Google地图方向API和在地图上绘制方向？这个问题可以通过默认的MapView来解决吗，或者需要自定义包？

浏览 2提问于2016-06-16得票数 6

1回答

未能解决模块“反应性-本机-谷歌-位置-选择器”

google-maps、google-places-api、react-native

当我安装模块时，接下来的错误是ouccur： Android依赖项com.google.android.gms:play map‘对于编译(8.4.0)和运行时(16.0.0)类路径有不同的版本。

浏览 0提问于2019-01-24得票数 0

回答已采纳

1回答

在google地图react的标记上添加工具提示

javascript、css、google-maps、reactjs

我试图弹出工具提示(或气球)在谷歌地图标记时，悬停在谷歌地图-地图-反应。我发现它们支持onMouseover，但我不确定我需要在回调函数或css中添加什么才能实现它。这是我的google_map.jsimport Map, { Marker } from 'google-maps-react<

浏览 0提问于2016-12-22得票数 3

2回答

如何在常规HTML、CSS中绘制线条(如google地图)

javascript、jquery、html、jquery-mobile

我们如何在示例离线应用程序的常规HTML和CSS中绘制线条(如google地图)？

浏览 0提问于2011-10-04得票数 0

回答已采纳

1回答

是否可以在@react-google-map/api中更改标记的位置？

google-maps、react-google-maps

我有一个现有的地图，它依赖于在v3 Google Maps API中的一个Marker实例上使用setPosition函数。我没有看到从@react-google-maps/api导出的Marker组件调用该函数的明显方法。文档和示例展示了如何在render方法中将position属性传递给标记实例，但这只提供了静态标记位置。dataMarker是对在地图初始化期间(在加载时)创建的单个标记实例的引用。如何

浏览 23提问于2021-02-24得票数 0

回答已采纳

2回答

React中嵌套组件中的全局变量

javascript、reactjs、google-maps

组件映射用于获取Google，组件用于此地图中的包含标记。标记在地图中import React from 'react' </div> )

浏览 0提问于2019-02-11得票数 0

2回答

google地图上的比例尺标记大小

android、google-maps、mapfragment

当缩放地图更改时，如何在android google地图片段中缩放标记大小。获得与uber对汽车相同的效果。 

浏览 6提问于2017-10-27得票数 4

1回答

自定义标记作为React组件-google-maps api

reactjs、google-maps、react-google-maps

我们正在从转换为react-google-maps-api，这意味着更多的本地Google体验。在进行更改之前，我们能够将自定义标记作为一个反应性组件加载，如下所示： <UserPinContainer lat={userLocation.lat} lng={userLocation.lng}> <Tidal.Icon type="UserLocation" text="User" /&g

浏览 1提问于2021-07-13得票数 1

2回答

谷歌地图反应和谷歌地图反应的区别？

reactjs、google-maps、google-maps-react

当我在reactjs中使用Google地图时，我发现了两个不同的npm，比如google-map-react和google-maps-react.由于我是反应的初学者，我有点搞不懂该用什么(更喜欢)。虽然我找到了google-map-react，但是它有点不同，这就是react-google-maps和的区别。下面是的示例代码 import React, { Component } from &#x

浏览 4提问于2019-12-16得票数 5

2回答

聚焦的谷歌地图标记能被设计成样式吗？

javascript、css、google-maps、accessibility、google-maps-markers

我有这个，如果谷歌能找到它的话，它会显示在地图上作为标记。基本上，我有一个在表单中嵌入标记的Google地图；该地图被输入字段包围。area { o

浏览 5提问于2012-10-02得票数 1

回答已采纳

1回答

谷歌-地图-反应标记没有显示InfoWindow onClick

javascript、reactjs、google-maps、ecmascript-6、google-maps-react

当我单击谷歌地图标记时，它会注册单击，但我无法在状态更改后显示InfoWindow。尝试在单击时设置/读取更新的状态import React from 'react'; export class BathroomMap extends React<

浏览 10提问于2019-10-21得票数 0

2回答

如何在lib“@react-google-map/api”中使用“基于云的地图样式”

reactjs、google-maps、google-maps-api-3

我在console.cloud中创建了“地图样式”和mapId，并将它们链接起来。然后我将mapId添加到代码中，但是样式没有改变。

浏览 18提问于2021-03-22得票数 1

1回答

如何使用google-maps react* API在单击和获取坐标时显示标记？*

javascript、reactjs、google-maps-api-3、google-maps-markers

因此，我有一个非常简单的react应用程序，它使用google地图API在react中，并试图在用户单击地图上的任何点时显示一个标记。import React, { Component } from "react";

浏览 4提问于2022-09-24得票数 0

点击加载更多