我正在使用google-maps-react 。默认情况下,当我将鼠标放在 map 上时,它会显示手形光标。我想当人悬停在 map 上时设置一个普通指针,并且只有当开始拖动时,光标再次变成手形光标。
我尝试以多种方式设置 draggableCursos
属性,但没有得到我想要的。
感谢您提前提供的帮助。
最佳答案
npm 中发布的 google-maps-react
包的当前版本 (2.0.2
) 似乎不支持指定一些属性,包括 MapOptions.draggableCursor
和 MapOptions.draggingCursor
通过 map 组件。在这种情况下,可以通过 native map 对象指定这些属性。下面的例子演示了它
class MapContainer extends React.Component {
constructor(props) {
super(props);
this.handleMapReady = this.handleMapReady.bind(this);
}
handleMapReady(mapProps,map) {
map.setOptions({
draggableCursor: "default",
draggingCursor: "pointer"
});
}
render() {
return (
<div className="map-container">
<Map
google={this.props.google}
className={"map"}
zoom={this.props.zoom}
initialCenter={this.props.center}
onReady={this.handleMapReady}
/>
</div>
);
}
}
关于reactjs - 将光标更改为指针 google-maps-react,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54723435/