cesium && arcgis api for js 鼠标事件_mouse-wheel_drag_hold.txt
参考:
https://cesium.com/cesiumjs/
https://developers.arcgis.com/javascript/latest/api-reference/
鼠标滚轮事件是在_|~|_上升沿触发,
但对于视图来说,会在触发该事件 200ms(因电脑性能而异)后完成响应,
如:视图的缩放,视高的升高、降低。
所以,在添加鼠标滚轮事件时,要做相应的延时处理,才能得到“实时”效果。
cesium 代码:
setTimeout(changeViewerHeightDynamic, 200);
function changeViewerHeightDynamic() {
/*由于视图中的视高,实时性较差,在此功能中,稍加改善。*/
// let viewHeight = $("#location_mars_jwd").children("div:first")[0];
console.log("viewer.camera.positionCartographic.height:", viewer.camera.positionCartographic.height);
let html = '视高:' + viewer.camera.positionCartographic.height.toFixed(1) + '米';
let viewHeight = $("#location_mars_jwd").children("div:first").html(html);
// console.log("viewHeight:", viewHeight[0]);
}
arcgis_js_api 代码:
// 以下要给2个视图添加事件,使其“实时联动”,包括缩放,拖动,和旋转。
view2p_1.on(["mouse-wheel", "drag", "hold"], function (event) {
setTimeout(function(){
// viewpoint包含但不限于extent。
view2p_2.viewpoint = view2p_1.viewpoint;
}, 200);
});
view2p_2.on(["mouse-wheel", "drag", "hold"], function (event) {
setTimeout(function(){
view2p_1.viewpoint = view2p_2.viewpoint;
}, 200);
});
cesium && arcgis api for js 鼠标滚轮事件.txt
最新推荐文章于 2024-01-26 09:50:55 发布