【SDK】【修改】【针对Cesium的飞行高亮功能增加自定义颜色的功能】

Author: 潘卓然Y7000P

src/cesiumjs/manager/PopupController.js

@@ -81,15 +81,16 @@ export default class PopupController extends BaseLayer {
         if (containDiv === null || containDiv === undefined) {
             containDiv = document.createElement('div');
             containDiv.id = 'popup';
+            document.body.appendChild(containDiv);
         }
         const randID = CommonFuncManager.generateRandom();
         const rootContentDiv = document.createElement('div');
         rootContentDiv.setAttribute('id', `popup_${randID}`);
-        rootContentDiv.setAttribute('class', 'leaflet-popup');
+        rootContentDiv.setAttribute('class', 'cesium-popup');
         rootContentDiv.setAttribute('style', 'top:5px;left:0;');
         const closeDiv = document.createElement('a');
-        closeDiv.setAttribute('class', 'leaflet-popup-close-button');
-        closeDiv.setAttribute('href', '#');
+        closeDiv.setAttribute('class', 'cesium-popup-close-button');
+        // closeDiv.setAttribute('href', '#');
         closeDiv.innerHTML = '×';
         const webControl = this;
         if (typeof closeCallback === 'function') {
@@ -100,18 +101,18 @@ export default class PopupController extends BaseLayer {
         rootContentDiv.appendChild(closeDiv);
 
         const contentDiv = document.createElement('div');
-        contentDiv.setAttribute('class', 'leaflet-popup-content-wrapper');
+        contentDiv.setAttribute('class', 'cesium-popup-content-wrapper');
         const contentLinkDiv = document.createElement('div');
-        contentLinkDiv.setAttribute('class', 'leaflet-popup-content');
+        contentLinkDiv.setAttribute('class', 'cesium-popup-content');
         contentLinkDiv.setAttribute('style', 'max-width: 300px;');
         contentLinkDiv.innerHTML = content;
         contentDiv.appendChild(contentLinkDiv);
         rootContentDiv.appendChild(contentDiv);
 
         const tipContainDiv = document.createElement('div');
-        tipContainDiv.setAttribute('class', 'leaflet-popup-tip-container');
+        tipContainDiv.setAttribute('class', 'cesium-popup-tip-container');
         const tipDiv = document.createElement('div');
-        tipDiv.setAttribute('class', 'leaflet-popup-tip');
+        tipDiv.setAttribute('class', 'cesium-popup-tip');
         tipContainDiv.appendChild(tipDiv);
         rootContentDiv.appendChild(tipContainDiv);
 
@@ -262,16 +263,14 @@ export default class PopupController extends BaseLayer {
     removePopup(popID, popupOwner, options) {
         const owner = Cesium.defaultValue(popupOwner, this);
         const popDiv = document.getElementById(popID);
+        const op = Cesium.defaultValue(options, {});
         if (popDiv === null || popDiv === undefined) {
             return;
         }
         while (popDiv.hasChildNodes()) {
             popDiv.removeChild(popDiv.firstChild);
         }
-        let removeDiv = false;
-        if (Cesium.defined(options.removeDiv)) {
-            removeDiv = options.removeDiv;
-        }
+        const removeDiv = Cesium.defaultValue(op.removeDiv, false);
         if (removeDiv && popDiv.parentNode !== null) {
             popDiv.parentNode.removeChild(popDiv);
         }

src/cesiumjs/manager/SceneManager.js

@@ -418,6 +418,7 @@ export default class SceneManager {
      * @param {Array<layer>} layerList 图层列表
      * @param {Array<id>} id ID列表
      * @param {Object} [options] 其他参数
+     * @param {Color} [options.colorHighlight] 跳转后指定ID对应的特定要素的高亮颜色
      * @param {Number} [options.heading] 相机参数heading
      * @param {Number} [options.pitch] 相机参数pitch
      * @param {Number} [options.range] 相机参数range
@@ -430,6 +431,7 @@ export default class SceneManager {
         const optionsParam = Cesium.defaultValue(options, {});
         const that = this;
         let first = true;
+        const colorHighlight = Cesium.defaultValue(optionsParam.colorHighlight, undefined);
         function flyToF(feature) {
             const maxPoint = feature.getProperty('maxPoint');
             const minPoint = feature.getProperty('minPoint');
@@ -446,24 +448,23 @@ export default class SceneManager {
             that.viewer.camera.flyToBoundingSphere(boundingSphere, {
                 offset: Cesium.defaultValue(optionsParam.offset, new Cesium.HeadingPitchRange(heading, pitch, range))
             });
-            for (let i = 0; i < layerList.length; i += 1) {
-                const tileset = layerList[i];
-                tileset.style = undefined;
-                tileset.styleEngine.justSelect(false, true);
-            }
             first = false;
         }
 
         function evaluateColorCallBack(feature) {
+            const featureSpec = feature;
             if (first) {
-                const title = feature.getProperty('name');
+                const title = featureSpec.getProperty('name');
                 const values = title.split('_');
                 const vlueNumber = parseInt(values[2], 10);
                 if (vlueNumber === id && first) {
-                    flyToF(feature);
+                    flyToF(featureSpec);
+                    if (colorHighlight !== undefined) {
+                        featureSpec.color = colorHighlight.clone();
+                    }
                 }
             }
-            return feature.color;
+            return featureSpec.color;
         }
 
         for (let i = 0; i < layerList.length; i += 1) {