ArcGIS Maps SDK for JavaScript:鼠标进入面要素时改变鼠标指针样式,离开时恢复
创始人
2025-01-07 08:06:38
0

文章目录

    • 1、关键代码
    • 2、完整示例

在 ArcGIS Maps SDK for JavaScript 中,可以通过监听 pointer-move 事件来检测鼠标是否进入了面要素,并且通过设置 CSS 样式来改变鼠标指针的样式。

1、关键代码

// Listen for pointer-move event on the view view.on("pointer-move", function(event) {    // Check if the pointer is over a feature    view.hitTest(event).then(function(response) {      if (response.results.length && response.results[0].graphic.layer === featureLayer) {        // Change cursor style to pointer if over a feature        view.container.style.cursor = "pointer";      } else {        // Reset cursor style to default if not over a feature        view.container.style.cursor = "default";      }    });  }); 

2、完整示例

以下是一个简单的示例代码,演示了如何实现这一功能:

  • 创建了一个基本的地图 (map) 和地图视图 (view)。
  • 加载了一个要素图层 (featureLayer),可以根据自己的需求替换为自己的图层。
  • 监听了 pointer-move 事件,当鼠标移动时进行 hitTest 来判断是否悬停在要素上。
  • 如果鼠标悬停在要素上,则将视图容器 (view.container) 的鼠标样式 (cursor) 设置为 "pointer",表示指针样式;如果不是,则将鼠标样式设置为 "default",表示默认样式。
           ArcGIS JavaScript Tutorials: Change Cursor on Hover                 

相关内容

热门资讯

三分钟了解!全民雀神辅助器(辅... 三分钟了解!全民雀神辅助器(辅助挂)透明挂透视辅助软件(2020已更新)(哔哩哔哩)1、让任何用户在...
分享一款!广东雀神外 挂可测试... 分享一款!广东雀神外 挂可测试(透视)果然真的是有挂(2022已更新)(哔哩哔哩)广东雀神外 挂可测...
4分钟普及!欢喜广西麻将十三张... 4分钟普及!欢喜广西麻将十三张有挂么,咪咪扑克确实是真的有挂,细节方法(有挂机密);一、欢喜广西麻将...
4分钟辅助挂!闲逸碰胡有外挂么... 4分钟辅助挂!闲逸碰胡有外挂么“详细透视辅助插件教程”原来真的有挂1、起透看视 闲逸碰胡有外挂么透明...
重大科普!中至上饶麻将有挂吗(... 重大科普!中至上饶麻将有挂吗(透视辅助)外挂透明挂辅助工具(2023已更新)(哔哩哔哩)1、下载好中...
推荐一款!财神十三张辅助神器(... 推荐一款!财神十三张辅助神器(透视辅助)好像是有挂(2026已更新)(哔哩哔哩);1、下载好财神十三...
5分钟科普!桂林字牌辅助,智星... 5分钟科普!桂林字牌辅助,智星德州扑克果然是真的有挂,大神讲解(有挂实操)1、玩家可以在桂林字牌辅助...
7分钟辅助挂!熊猫四川麻将隐藏... 7分钟辅助挂!熊猫四川麻将隐藏功能“详细透视辅助工具教程”原来真的有挂;熊猫四川麻将隐藏功能是一种具...
揭秘关于!边锋斗地主神器软件(... 揭秘关于!边锋斗地主神器软件(透明挂)透视脚本辅助器(2024已更新)(哔哩哔哩)边锋斗地主神器软件...
一秒答解!南通长牌辅助器(透明... 一秒答解!南通长牌辅助器(透明挂)切实真的是有挂(2020已更新)(哔哩哔哩);1、点击下载安装,南...