reactjs - 将光标更改为指针 google-maps-react
问题描述
我正在使用google-maps-react。默认情况下,当我将鼠标放在地图上时,它会显示一个手形光标。我想在人悬停在地图上时设置一个普通指针,并且只有在开始拖动时,光标才会再次变成手形光标。
我试图以draggableCursos
多种方式设置道具,但没有得到我想要的。
提前感谢您的帮助。
解决方案
在 npm 中发布的包的当前版本 ( 2.0.2
)google-maps-react
似乎不支持指定一些属性,包括MapOptions.draggableCursor
和MapOptions.draggingCursor
通过 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>
);
}
}
推荐阅读
- html - 网页宽于所有屏幕,包括桌面
- c++ - 如何防止被shared_ptr破坏的捕获的“this”的悬空指针?
- junit - 是否可以在不使用 powermock 的情况下在 Mockito 中模拟 UUID?
- javascript - 函数中的相同函数,保留变量/元素
- html - SVG在其高度由字体设置的父div中居中
- ssas - DAX - 非活跃客户
- annotations - org.testng.TestNGException:以下方法在通过TestNG执行测试时有循环依赖
- social-tables - 如何在没有每次授权的情况下使用 Social Tables API
- java - Java 帮助 - MySQL - SQLConnector“无限递归”和控制台打印是无限的
- javascript - 具有本机反应但错误的新项目