如何改变铯中的光标?
How to change cursor in Cesium?
我试图在鼠标悬停在某些铯对象上时更改光标。我在侦听器上使用鼠标并且该部分正在工作(通过使用 debugger;
发现)。但是当我将鼠标悬停在它上面时(并且根据 Firefox 调试器,变量名称已更改),光标保持不变。 Google 和 Cesium 的 API 文档没有任何帮助。知道我做错了什么吗?
var pickedObject = scene.pick(movement.endPosition);
if(Cesium.defined(pickedObject) && (pickedObject.id)) {
document.body.style.cursor = 'pointer';
debugger;
} else {
document.body.style.cursor = 'default';
debugger;
}
在此代码运行之前,Firefox 显示 document.body.style.cursor = ""
。
在第一个 debugger;
它说 document.body.style.cursor="pointer"
。
在第二个 debugger;
它说 document.body.style.cursor="default"
.
将第三行更改为以下内容,将光标更改为指针:
Ext.get(scope.id).setStyle('cursor', 'pointer');
将第六行更改为以下内容将其改回:
Ext.get(scope.id).setStyle('cursor', 'grab');
如果不使用任何外部库,它会是这样的:
viewer._container.style.cursor = "crosshair";
或重置为默认值
viewer._container.style.cursor = "default";
我试图在鼠标悬停在某些铯对象上时更改光标。我在侦听器上使用鼠标并且该部分正在工作(通过使用 debugger;
发现)。但是当我将鼠标悬停在它上面时(并且根据 Firefox 调试器,变量名称已更改),光标保持不变。 Google 和 Cesium 的 API 文档没有任何帮助。知道我做错了什么吗?
var pickedObject = scene.pick(movement.endPosition);
if(Cesium.defined(pickedObject) && (pickedObject.id)) {
document.body.style.cursor = 'pointer';
debugger;
} else {
document.body.style.cursor = 'default';
debugger;
}
在此代码运行之前,Firefox 显示 document.body.style.cursor = ""
。
在第一个 debugger;
它说 document.body.style.cursor="pointer"
。
在第二个 debugger;
它说 document.body.style.cursor="default"
.
将第三行更改为以下内容,将光标更改为指针:
Ext.get(scope.id).setStyle('cursor', 'pointer');
将第六行更改为以下内容将其改回:
Ext.get(scope.id).setStyle('cursor', 'grab');
如果不使用任何外部库,它会是这样的:
viewer._container.style.cursor = "crosshair";
或重置为默认值
viewer._container.style.cursor = "default";