首页 > 其他 > 详细

5、cesium点击面高亮事件

时间:2019-09-08 11:31:57      阅读:543      评论:0      收藏:0      [点我收藏+]

cesium点击面高亮事件

主要功能:比如你加载了json、geojson或者topojson的数据。加载出来后,分为很多个面,现在要实现点击一个面,这个面变颜色;再点击另一个面,另一个面高亮,之前的面复原。(有不懂得,请加相关学习群:854184700)

下面上代码:

 1     function hightlightLine() {
 2         var temp = new Array();
 3         function linehHghtlight(nameId) {
 4             var exists = temp.indexOf(nameId);
 5             if (exists <= -1) {
 6                 temp.push(nameId);
 7             } else {
 8                 temp.splice(exists, 1);  //删除对应的nameID
 9             }
10         }
11         viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
12             var pickedFeature = viewer.scene.pick(movement.position);
13 
14             //判断之前是否有高亮面存在
15             if (highlightFace) {
16                 highlightFace.material = highlightFace.material0;
17             }
18             pickedFeature.id.polygon.material0 = pickedFeature.id.polygon.material;
19             pickedFeature.id.polygon.material = Cesium.Color.WHITE;
20             highlightFace = pickedFeature.id.polygon;
21             showDivPositionOld = pickedFeature.id.properties;
22 
23             if (typeof (pickedFeature) != "undefined")  //鼠标是否点到面上
24                 var id = pickedFeature.id;
25             linehHghtlight(id);
26         }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
27     }

有疑惑,请加相关学习群:854184700

5、cesium点击面高亮事件

原文:https://www.cnblogs.com/yaosusu/p/11484471.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!