cesium鼠标移入移出实体显示提示框

使用cesium的label作为提示框

           //鼠标移动事件point放大缩小var canvas = this.cesiumViewer.scene.canvas;var handler= new Cesium.ScreenSpaceEventHandler(canvas);var viewer = this.cesiumViewer;var labelEntity = viewer.entities.add({point: {show:true,color:Cesium.Color.YELLOW,pixelSize: 30,heightReference: Cesium.HeightReference.CLAMP_TO_GROUND},label : {show : false,showBackground : true,font : '14px monospace',backgroundPadding: new Cesium.Cartesian2(10,10),pixelOffset: new Cesium.Cartesian2(10, 0),backgroundColor: new Cesium.Color(0.165,0.165,0.165,0.9),horizontalOrigin : Cesium.HorizontalOrigin.CENTER,verticalOrigin : Cesium.VerticalOrigin.TOP,pixelOffset : new Cesium.Cartesian2(10, 0)}});//鼠标移入labelEntity提示框handler.setInputAction(function(movement) {let foundPosition = false;if (viewer.scene.mode !== Cesium.SceneMode.MORPHING) {let pickedFeatureStart = viewer.scene.pick(movement.startPosition);let pickedObject = viewer.scene.pick(movement.endPosition);if (viewer.scene.pickPositionSupported && Cesium.defined(pickedObject) && pickedObject.id !== '') {let cartesian = viewer.scene.pickPosition(movement.endPosition);if (Cesium.defined(cartesian)) {let cartographic = Cesium.Cartographic.fromCartesian(cartesian);labelEntity.position = cartesian;labelEntity.label.show = true;labelEntity.point.show= false;labelEntity.label.text = pickedObject.id._label._text._value;labelEntity.label.eyeOffset = new Cesium.Cartesian3(0.0,0.0,0.0, -cartographic.height * (viewer.scene.mode === Cesium.SceneMode.SCENE2D ? 1.5 : 1.0));pickedObject.id._point._pixelSize._value = 35 foundPosition = true;}}}else{pickedObject.id._point._pixelSize._value = 30}if (!foundPosition) {labelEntity.label.show = false;}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

cesium鼠标移入移出实体显示提示框相关推荐

cesium两种方式鼠标移入移出实体显示提示框
cesium两种方式鼠标移入移出实体显示提示框第一种方式采用cesium的label作为提示框 var labelEntity = viewer.entities.add({label : {sh ...
php鼠标已入移除,angularjs鼠标移入移出实现显示隐藏
操作主要是ng-mouseenter和ng-mouseleave配合使用,同时注意$parent实现动态拼接变量截图如下: CSS笔记 - fgm练习 - 鼠标移入移出div显示隐藏 CSS样式部 ...
axure 鼠标变成手,Axure教程｜鼠标移入移出自动显示与隐藏三级菜单
前几天因工作需要做一个鼠标移入显示隐藏菜单,鼠标移出自动隐藏菜单, 做的时候觉得没有什么问题,做完后预览就发现一个很严重的问题,就是鼠标移出一级菜单向二级菜单时二级菜单不显示,或者二级菜单显示三级菜单 ...
高德地图js API实现多点标记marker，多点marker移除和鼠标滑入标点显示提示框
官方API:https://lbs.amap.com/api/javascript-api/guide/abc/prepare 先说下需求吧,我就不往外一段一段的摘了: 分全部和三家运营商,按钮点击, ...
前端鼠标悬停事件是否显示提示框 onmouseover onmouseout
1,效果图 2,描述当我鼠标悬停在[问号]标记位置时,名词解释提示框就会出现 3,代码 <div class="lineb biao0"><div class= ...
vue按钮移上去显示提示_vue 鼠标移入移出事件（移入出现按钮），element-ui表格移入移出...
效果图: 注:@mouseenter="enter(index)" @mouseleave="leave()" 重点下载删除 data() { retu ...
jquery鼠标移入文字提示_jquery实现鼠标滑过显示提示框的方法
本文实例讲述了jquery实现鼠标滑过显示提示框的方法.分享给大家供大家参考.具体如下: 一.jquery鼠标滑过显示提示框实例 1.效果图 2.实现代码 ( 需要自行添加 jquery.js.按钮 ...
js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况
<script> $(".guanzhu").hover(function(){$(".weixinTop").show();},function( ...
html鼠标移入显示图片动画,HTML5+CSS3鼠标移入移出图片生成随机动画_html/css_WEB-ITnose...
今天分享使用html+css3+少量jquery实现鼠标移入移出图片生成随机动画,我们先看最终效果图(截图为静态效果,做出来可是动态的哟) 左右旋转上下移动缩放由于时间关系我就不一步步解析各段代 ...

cesium鼠标移入移出实体显示提示框

cesium鼠标移入移出实体显示提示框相关推荐

最新文章

热门文章