CesiumJS第2篇，使用Cesium加载规定区域，实现高亮效果

最新推荐文章于 2025-06-14 23:05:05 发布
最新推荐文章于 2025-06-14 23:05:05 发布
阅读量1.1k 收藏 4
点赞数
CC 4.0 BY-SA版权
文章标签： cesiumJS 前端
原文链接：https://blog.youkuaiyun.com/weixin_65793170/article/details/138666297 
            <div id="content_views" class="htmledit_views">
                <h4><a name="t0"></a><span style="color:#0d0016;">前言</span></h4>
我们都知道Cesium 是一个强大的开源 JavaScript 库，用于在网页上创建交互式的3D地球和2D地图。它支持多种数据格式和来源，允许开发者加载各种类型的空间信息，包括影像、地形、矢量数据等。上期我们介绍了，如何在项目中使用Cesium，
CesiumJS第1篇，CesiumJS使用详细，在vue中使用Cesium.js（WebGIS中的Cesium地图可视化应用）icon-default.png?t=N7T8https://blog.youkuaiyun.com/weixin_65793170/article/details/131204332?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522172041906316800227477971%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=172041906316800227477971&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-131204332-null-null.nonecase&utm_term=cesium&spm=1018.2226.3001.4450这次我们来记录下，如何将Cesium在本地运行，并加载规定区域高亮效果。在本地运行后，我们引用和查看Cesium的文件和API，会更加方便。

Cesium ～ 第 2 篇    ——    Cesium加载规定区域，实现高亮

一. 首先，想要实现这种效果，我们需要获取Cesium源码，这样可以方便我们查看相关文档。可以直接在Cesium官网，获取Cesium的源码文件，或者在GItHub上，克隆、下载源码压缩包，来获取项目代码文件。
1. Cesium官网上，获取源码

官网源码icon-default.png?t=N7T8https://cesium.com/downloads/

2. GitHub上，获取源码。Cesium在GitHub上的开源网址，克隆或者直接下载项目压缩包

GitHub开源地址icon-default.png?t=N7T8https://github.com/CesiumGS/cesium

二. 下载完成后，解压，打开项目文件，使用Live Server本地服务，打开主目录下的index.html文件，可以看到以下页面（Live Server是Vscode中的插件）

1. 直接翻译成中文，一目了然

2. 无法翻译成中文的，页面无法翻译的，可以查看以下

谷歌浏览器无法翻译成中文1icon-default.png?t=N7T8https://blog.youkuaiyun.com/weixin_65793170/article/details/127202311?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171532628316800186579020%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171532628316800186579020&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-2-127202311-null-null.nonecase&utm_term=%E6%97%A0%E6%B3%95%E7%BF%BB%E8%AF%91&spm=1018.2226.3001.4450谷歌浏览器无法翻译成中文2icon-default.png?t=N7T8https://blog.youkuaiyun.com/weixin_65793170/article/details/131368398?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171532628316800186579020%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171532628316800186579020&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-131368398-null-null.nonecase&utm_term=%E6%97%A0%E6%B3%95%E7%BF%BB%E8%AF%91&spm=1018.2226.3001.4450

 三. 如果想要在Ceiusm上标注出某区域的高亮效果，这里需要用到geojson数据，就是一些数据点位。可以直接在这里获取，或者同上，在Github中，克隆或者直接下载压缩包。
1. 中国和南京区域的geojson数据

中国和南京区域icon-default.png?t=N7T8https://download.youkuaiyun.com/download/weixin_65793170/89524566?spm=1001.2014.3001.5503

2. 中国其它城市区域的geojson数据

中国其它城市区域icon-default.png?t=N7T8https://download.youkuaiyun.com/download/weixin_65793170/89524579?spm=1001.2014.3001.5503

3. 国际区域的geojson数据（这里面的中国区域，没有台湾省，必须加上，在上面其它城市区域的geojson数据中查找并添加）

国际区域icon-default.png?t=N7T8https://download.youkuaiyun.com/download/weixin_65793170/89524582?spm=1001.2014.3001.5503

4. 这里要获取资源可能需要钞能力，可以去GitHub上获取源码

中国区域icon-default.png?t=N7T8https://github.com/yezongyang/china-geojson国际区域icon-default.png?t=N7T8https://github.com/datasets/geo-boundaries-world-110m

四. 这里还要用到，天地图中的中文标记服务，也就是国家地理信息服务平台。因此需要注册并获取天地图中的Token。
1. 天地图，国家地理信息服务平台官网

国家地理信息公共服务平台（天地图）icon-default.png?t=N7T8https://www.tianditu.gov.cn/

2. 获取天地图Token，也就是Key

具体位置：首页 > 开发资源 > 控制台 > 创建新应用 

3. 如果没有中文标记服务，就会像下面这样，没有中文标记

五. 具体的逻辑函数代码，因为是用原生JS和HTML实现的，所以跟上篇文章一样，需要将关于Cesium的JS和CSS文件引入到HTML（这里的引用文件都是从上面的项目文件中复制过来的）：

 
  1. 
   
    
    
    
   
    
   
    
    
        
     <meta charset="UTF-8" />
    
    
   
  2. 
   
    
    
    
   
    
   
    
    
        
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    
   
  3. 
   
    
    
    
   
    
   
    
    
        
     <title>Document
     </title>
    
    
   
  4. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  5. 
   
    
    
    
   
    
   
    
    
        
     <!-- 引入cesium的js文件 -->
    
    
   
  6. 
   
    
    
    
   
    
   
    
    
        
     <script src="../libs/Cesium/Cesium.js">
     </script>
    
    
   
  7. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  8. 
   
    
    
    
   
    
   
    
    
        
     <!-- 引入cesium的css文件 -->
    
    
   
  9. 
   
    
    
    
   
    
   
    
    
        
     <link
    
    
   
  10. 
   
    
    
    
   
    
   
    
    
          
     rel=
     "stylesheet"
    
    
   
  11. 
   
    
    
    
   
    
   
    
    
          
     href=
     "../libs/Cesium/Widgets/widgets.css"
    
    
   
  12. 
   
    
    
    
   
    
   
    
    
          
     rel=
     "stylesheet"
    
    
   
  13. 
   
    
    
    
   
    
   
    
    
    
         />
引入完成后，大致分为4步：
1. 初始化Cesium

 
  1. 
   
    
    
    
   
    
   
    
    
    
     //⭐初始化Cesium，设置cesium的Token和基本配置
    
    
   
  2. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  3. 
   
    
    
    
   
    
   
    
    
    
     Cesium.
     Ion.
     defaultAcceToken = 
     "Your_Token";
    
    
   
  4. 
   
    
    
    
   
    
   
    
    
    
     // 创建cesium实例，控件的显示与隐藏
    
    
   
  5. 
   
    
    
    
   
    
   
    
    
    
     const viewer = 
     new 
     Cesium.
     Viewer(
     "cesium_map", {
    
    
   
  6. 
   
    
    
    
   
    
   
    
    
          
     animation: 
     false, 
     // 是否显示动画控件
    
    
   
  7. 
   
    
    
    
   
    
   
    
    
          
     baseLayerPicker: 
     true, 
     // 是否显示图层选择控件
    
    
   
  8. 
   
    
    
    
   
    
   
    
    
          
     vrButton: 
     false, 
     // 是否显示VR控件
    
    
   
  9. 
   
    
    
    
   
    
   
    
    
          
     geocoder: 
     false, 
     // 是否显示地名查找控件
    
    
   
  10. 
   
    
    
    
   
    
   
    
    
          
     timeline: 
     false, 
     // 是否显示时间线控件
    
    
   
  11. 
   
    
    
    
   
    
   
    
    
          
     sceneModePicker: 
     false, 
     // 是否显示投影方式控件
    
    
   
  12. 
   
    
    
    
   
    
   
    
    
          
     navigationHelpButton: 
     false, 
     // 是否显示帮助信息控件
    
    
   
  13. 
   
    
    
    
   
    
   
    
    
          
     // 帮助按钮，初始化的时候是否展开
    
    
   
  14. 
   
    
    
    
   
    
   
    
    
          
     navigationInstructionsInitiallyVisible: 
     false,
    
    
   
  15. 
   
    
    
    
   
    
   
    
    
          
     infoBox: 
     false, 
     // 是否显示点击要素之后显示的信息
    
    
   
  16. 
   
    
    
    
   
    
   
    
    
          
     fullscreenButton: 
     true, 
     // 是否显示全屏按钮
    
    
   
  17. 
   
    
    
    
   
    
   
    
    
          
     selectionIndicator: 
     false, 
     // 是否显示选中指示框
    
    
   
  18. 
   
    
    
    
   
    
   
    
    
          
     homeButton: 
     true, 
     // 是否显示返回主视角控件
    
    
   
  19. 
   
    
    
    
   
    
   
    
    
          
     // 如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源
    
    
   
  20. 
   
    
    
    
   
    
   
    
    
          
     scene3DOnly: 
     true,
    
    
   
  21. 
   
    
    
    
   
    
   
    
    
    
     });});
    
    
   
  22. 
   
    
    
    
   
    
   
    
    
    
     // 去掉logo
    
    
   
  23. 
   
    
    
    
   
    
   
    
    
    
     viewer.
     cesiumWidget.
     creditContainer.
     style.
     display = 
     "none";
2. 配置天地图中文服务

 
  1. 
   
    
    
    
   
    
   
    
    
    
     // 天地图结合Cesium的中文标注图层
    
    
   
  2. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  3. 
   
    
    
    
   
    
   
    
    
    
     viewer.
     imageryLayers.
     addImageryProvider(
    
    
   
  4. 
   
    
    
    
   
    
   
    
    
          
     new 
     Cesium.
     WebMapTileServiceImageryProvider({
    
    
   
  5. 
   
    
    
    
   
    
   
    
    
            
     url: 
     "http://t0.tianditu.gov.cn/cva_w/wmts?tk= Your_Key ",
    
    
   
  6. 
   
    
    
    
   
    
   
    
    
            
     layer: 
     "cva",
    
    
   
  7. 
   
    
    
    
   
    
   
    
    
            
     style: 
     "default",
    
    
   
  8. 
   
    
    
    
   
    
   
    
    
            
     format: 
     "tiles",
    
    
   
  9. 
   
    
    
    
   
    
   
    
    
            
     tileMatrixSetID: 
     "w",
    
    
   
  10. 
   
    
    
    
   
    
   
    
    
            
     maximumLevel: 
     18,
    
    
   
  11. 
   
    
    
    
   
    
   
    
    
            
     credit: 
     new 
     Cesium.
     Credit(
     "天地图全球影像中文注记服务"),
    
    
   
  12. 
   
    
    
    
   
    
   
    
    
    
           })
    
    
   
  13. 
   
    
    
    
   
    
   
    
    
    
     ););
3. 加载目标区域GeoJSON 数据，实现目标区域高亮

 
  1. 
   
    
    
    
   
    
   
    
    
    
     // ⭐加载中国区域 GeoJSON 数据
    
    
   
  2. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  3. 
   
    
    
    
   
    
   
    
    
        
     const chinaGeoJsonData = 
     "../assets/geojson/chinaAll.geojson";
    
    
   
  4. 
   
    
    
    
   
    
   
    
    
        
     const chinaDataSourcePromise = 
     Cesium.
     GeoJsonDataSource.
     load(
    
    
   
  5. 
   
    
    
    
   
    
   
    
    
    
           chinaGeoJsonData
    
    
   
  6. 
   
    
    
    
   
    
   
    
    
    
         )
    
    
   
  7. 
   
    
    
    
   
    
   
    
    
    
           .
     then(
     function (
     chinaDataSource) {
    
    
   
  8. 
   
    
    
    
   
    
   
    
    
    
             viewer.
     dataSources.
     add(chinaDataSource);
    
    
   
  9. 
   
    
    
    
   
    
   
    
    
    
             viewer.
     zoomTo(chinaDataSource);
    
    
   
  10. 
   
    
    
    
   
    
   
    
    
            
     // 遍历中国全图 GeoJSON 数据的实体并设置样式
    
    
   
  11. 
   
    
    
    
   
    
   
    
    
            
     const chinaEntities = chinaDataSource.
     entities.
     values;
    
    
   
  12. 
   
    
    
    
   
    
   
    
    
            
     for (
     let i = 
     0; i < chinaEntities.
     length; i++) {
    
    
   
  13. 
   
    
    
    
   
    
   
    
    
              
     const entity = chinaEntities[i];
    
    
   
  14. 
   
    
    
    
   
    
   
    
    
              
     if (entity.
     polygon) {
    
    
   
  15. 
   
    
    
    
   
    
   
    
    
                
     // 设置填充颜色为红色，透明度为0.5
    
    
   
  16. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     material = 
     Cesium.
     Color.
     RED.
     withAlpha(
     0.5); 
    
    
   
  17. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     outline = 
     true;
    
    
   
  18. 
   
    
    
    
   
    
   
    
    
                
     // 设置轮廓颜色为黄色
    
    
   
  19. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     outlineColor = 
     Cesium.
     Color.
     YELLOW; 
    
    
   
  20. 
   
    
    
    
   
    
   
    
    
    
               }
    
    
   
  21. 
   
    
    
    
   
    
   
    
    
    
             }
    
    
   
  22. 
   
    
    
    
   
    
   
    
    
            
     return chinaDataSource;
    
    
   
  23. 
   
    
    
    
   
    
   
    
    
    
           })
    
    
   
  24. 
   
    
    
    
   
    
   
    
    
    
           .
     catch(
     function (
     error) {
    
    
   
  25. 
   
    
    
    
   
    
   
    
    
            
     console.
     error(
     "加载中国全图 GeoJSON 数据出错:", error);
    
    
   
  26. 
   
    
    
    
   
    
   
    
    
    
           });});
    
    
   
  27. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  28. 
   
    
    
    
   
    
   
    
    
    
     // ⭐加载南京区域 GeoJSON 数据
    
    
   
  29. 
   
    
    
    
   
    
   
    
    
        
     const nanjingGeoJsonData = 
     "../assets/geojson/nanjing.geojson";
    
    
   
  30. 
   
    
    
    
   
    
   
    
    
        
     const nanjingDataSourcePromise = 
     Cesium.
     GeoJsonDataSource.
     load(
    
    
   
  31. 
   
    
    
    
   
    
   
    
    
    
           nanjingGeoJsonData
    
    
   
  32. 
   
    
    
    
   
    
   
    
    
    
         )
    
    
   
  33. 
   
    
    
    
   
    
   
    
    
    
           .
     then(
     function (
     nanjingDataSource) {
    
    
   
  34. 
   
    
    
    
   
    
   
    
    
    
             viewer.
     dataSources.
     add(nanjingDataSource);
    
    
   
  35. 
   
    
    
    
   
    
   
    
    
            
     // 遍历南京市 GeoJSON 数据的实体并设置样式
    
    
   
  36. 
   
    
    
    
   
    
   
    
    
            
     const nanjingEntities = nanjingDataSource.
     entities.
     values;
    
    
   
  37. 
   
    
    
    
   
    
   
    
    
            
     for (
     let i = 
     0; i < nanjingEntities.
     length; i++) {
    
    
   
  38. 
   
    
    
    
   
    
   
    
    
              
     const entity = nanjingEntities[i];
    
    
   
  39. 
   
    
    
    
   
    
   
    
    
              
     if (entity.
     polygon) {
    
    
   
  40. 
   
    
    
    
   
    
   
    
    
                
     // 设置填充颜色为紫色，透明度为0.5
    
    
   
  41. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     material = 
     Cesium.
     Color.
     PLUM.
     withAlpha(
     0.5);
    
    
   
  42. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     outline = 
     true;
    
    
   
  43. 
   
    
    
    
   
    
   
    
    
                
     // 设置轮廓颜色为黄色
    
    
   
  44. 
   
    
    
    
   
    
   
    
    
    
                 entity.
     polygon.
     outlineColor = 
     Cesium.
     Color.
     YELLOW; 
    
    
   
  45. 
   
    
    
    
   
    
   
    
    
    
               }
    
    
   
  46. 
   
    
    
    
   
    
   
    
    
    
             }
    
    
   
  47. 
   
    
    
    
   
    
   
    
    
            
     return nanjingDataSource;
    
    
   
  48. 
   
    
    
    
   
    
   
    
    
    
           })
    
    
   
  49. 
   
    
    
    
   
    
   
    
    
    
           .
     catch(
     function (
     error) {
    
    
   
  50. 
   
    
    
    
   
    
   
    
    
            
     console.
     error(
     "加载南京市 GeoJSON 数据出错:", error);
    
    
   
  51. 
   
    
    
    
   
    
   
    
    
    
           });});
4. 设置初始视角和过渡动画时间

 
  1. 
   
    
    
    
   
    
   
    
    
    
     // ⭐默认中国区域视角
    
    
   
  2. 
   
    
    
    
   
    
   
    
    
     
    
    
   
  3. 
   
    
    
    
   
    
   
    
    
    
     viewer.
     camera.
     flyTo({
    
    
   
  4. 
   
    
    
    
   
    
   
    
    
          
     // 使用经纬度设置视图矩形范围
    
    
   
  5. 
   
    
    
    
   
    
   
    
    
          
     destination: 
     Cesium.
     Rectangle.
     fromDegrees(
     73.66, 
     18.16, 
     135.05, 
     53.55),
    
    
   
  6. 
   
    
    
    
   
    
   
    
    
          
     // 飞行持续时间（秒）
    
    
   
  7. 
   
    
    
    
   
    
   
    
    
          
     duration: 
     5,
    
    
   
  8. 
   
    
    
    
   
    
   
    
    
    
     });});
5. 这是目录

六. 实现效果（因为文件大小有限制，所以清晰度不高）

创作不易，感觉有用，就一键三连😄点赞、收藏加关注，感谢(●'◡'●)
Cesium 2 ，在Vue项目中使用Cesium加载规定区域，实现高亮效果
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
07-09 1855
⭐我们都知道Cesium 是一个强大的开源 JavaScript 库，用于在网页上创建交互式的3D地球和2D地图。它支持多种数据格式和来源，允许开发者加载各种类型的空间信息，包括影像、地形、矢量数据等。这里分享记录，如何将Cesium在本地运行，并加载规定区域高亮效果。并且让项目在本地运行，这样我们引用和查看Cesium的文件和API，会更加方便。
Cesium 加载发光材质的行政区边界
lz5211314121的博客
07-14 2356
那么如果我们在加载 geojson 行政区的时候，是不是 也可以利用这发光的线条来展示，但是在 cesium 中加载 geojson 使用的是GeoJsonDataSource这种方式，这种方式有个缺点，就是你的数据必须是线要素或者是把行政区的面要素转换成线要素在设置材质。具体的转化过程你可以依赖 turf.js将面转换成线要素,但是我不推荐这种方式原因有两个，第一转换起来比较麻烦，还得依赖第三方库，第二，不利于后续的交互操作，如果你将面转换成了线，那么后续点击面进行高亮的操作你又该如何应对？
使用cesium实现划入指定的行政区域显示高亮
qq_43474235的博客
04-09 4225
其中的CesiumViewer组件是初始化地图及设置底图，详细内容可以看之前的文章，
cesium入门
最新发布
Seven_Ting的博客
06-14 403
cesium入门。
Cesium.js基础使用（vue）
Alone_Endeavor的博客
07-04 9914
之后就可以访问高清页面；通过以下官网地址申请。
Cesium 1 ，Cesium在Vue项目中的详细使用过程，在Vue中使用CesiumJS（GIS中的Cesium地图可视化应用）
热门推荐
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
06-21 1万+
⭐Cesium是一种基于WebGL开源的虚拟地球技术，可以用于构建高性能、跨平台的三维地球应用程序，它支持多种数据格式和地图服务，可以实现地球表面的高精度渲染、地形分析、数据可视化等功能。Cesium还提供了丰富的API和插件，方便开发者进行二次开发和定制化，且可免费商用，在航空航天、国防、城市规划、教育等领域得到了广泛应用。
cesium给自定义的区域添加高亮
qq_37741863的博客
09-21 6840
cesium添加自定义高亮区 目前的需求是在cesium地图上将指定的河流添加上颜色进行高亮显示，此方法可以实现任意流域高亮 有两种方法可以实现： 1.用google earth绘制出指定流域的边界，再导出成***.kmz格式的文件，用官方的API引入文件就可以显示出，自行下载，此方法搜索功能有问题用不了 var options = { camera : viewer.scene.camera, ...
cesium 点击模型高亮
AllBluefm的专栏
04-02 906
注意：还有其他实现方法，比如绘制一个透明的多边形覆盖到模型上，点击的时候改变多边形的颜色。在模型数据支持的情况下修改点击获取到的瓦片的颜色，高亮这个瓦片。描述：点击模型，高亮点击到的对象。
cesium——加载3DTiles，模型的选中，高亮效果
等花开一起压花路
07-21 4657
这种切片和分层的方式使得数据可以根据需要按需加载，从而降低了网络传输和计算资源的需求。它的开放性和普及性使得很多GIS软件和服务已经支持3DTiles标准，从而为用户和开发人员提供了丰富的工具和资源。使用3DTiles，开发人员可以加载和呈现各种地理数据，如建筑物、地形、植被和其他点云数据等。3DTiles是一种用于组织和传输大规模地理数据的规范，旨在提供一种高效、可扩展的方式来加载和显示复杂的3D模型。总之，3DTiles为地理数据的可视化和交互提供了一种全新的方式。
Cesium加载矢量数据探索——从geojson到矢量切片
wenyeqv的博客
02-27 1804
通常来说，对于简单的shp数据，最常规的处理方式是通过geojson格式在cesium中进行加载，而cesium也为加载geojson及后续操作提供了丰富的api。
模型查询结果高亮显示
12-14
通过查询接口查询由二维矢量面拉伸的模型，再将结果在场景中高亮显示。
高光高亮 模型边缘 HighlightingSystem
06-18
高光高亮 模型发光..........边缘发光................
Cesium（可直接用）
08-14
Cesium 是通过 Web 浏览器创建 3D 地球和 2D 地图的 JavaScript 库，无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化；跨平台、跨浏览器；并且针对动态数据进行可视化。
迈向三维：vue3+Cesium.js三维WebGIS项目实战
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
02-21 5855
WebGIS（Web地理信息系统）是指利用 Web 技术来构建和展示地理信息系统（GIS），使用户可以通过 Web 浏览器访问、查询、分析和可视化地理空间数据。WebGIS 通常结合地图服务、地理信息数据库、前端地图库和相关的数据处理技术，为用户提供交互式的地图浏览和空间数据分析功能。**JS一看名称即知道是为前端服务的JS框架，即装即用，学习新的技术最重要的是去原文档，api使用介绍。快去看下Cesium中文文档吧。
Cesium 展示——倾斜摄影模型添加与移除
虎康的博客
09-27 1023
/ 首先需要注册cesium鼠标事件，通过cesium的ScreenSpaceEventHandler函数处理用户输入事件。// 设置要在输入事件上执行的功能，官方文档查询ScreenSpaceEventType可以看到所有的cesium鼠标事件。//默认的Cesium会加载一个bingMap底图，网络不太好，一般要先去掉这个默认的。// cesium获取鼠标点击的位置坐标。//是否显示投影方式控件 三维/二维。//是否显示点击要素之后显示的信息。//默认512,内存MB的最大数量。
Cesium有孔洞多边形实现高亮效果
YuWebGIS
11-03 677
参考优快云其他文章，新增一个图层，将所点击的多边形的坐标点复制到新图层中，即可实现高亮显示。如果有孔洞多边形需要特殊处理，否则无法显示孔洞。有孔洞多边形需要增加holes这一属性。
cesium模型加载-点击-高亮
xy1580的博客
08-29 833
】cesium模型加载-点击-高亮。
Cesium开发：模型实体高亮
地理信息技术杂谈 博客，欢迎技术交流
04-28 9497
在选中Cesium的模型对象时，需要高亮的效果，通过给模型的表面或者周边设置高亮颜色，达到突出显示模型的效果。 在Entity实体查找或者点击Entity时，获得对象，通过修改Entity中model的颜色，在模型的表面覆盖一层颜色，具体的效果如下图： 将模型高亮成红色，使用Cesium的颜色类，顺序是R\G\B\A，A是透明度，范围是0-1，所以，在使用0-255范围的颜色值时，中间需要有个值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值