From 1fd62582bb4ba007a9760207f785ee8227e6ff11 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 08 Jun 2021 08:38:04 +0800
Subject: [PATCH] 要素标绘
---
js/plotPanelControl/PlotPanel.js | 226 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 226 insertions(+), 0 deletions(-)
diff --git a/js/plotPanelControl/PlotPanel.js b/js/plotPanelControl/PlotPanel.js
new file mode 100644
index 0000000..cab1d86
--- /dev/null
+++ b/js/plotPanelControl/PlotPanel.js
@@ -0,0 +1,226 @@
+function initPlotPanel(div, serverUrl, drawControl,plotEditControl,plotting){
+ var plotPanel = document.getElementById(div);
+
+ var treeNodeStyle = document.createElement("div");
+ treeNodeStyle.style.height = '50%';
+ treeNodeStyle.style.width = '100%';
+ treeNodeStyle.style.border = '1px solid #617775';
+ treeNodeStyle.style.overflow ='scroll';
+
+ var treeNode = document.createElement("div");
+ treeNode.id = "tree";
+ treeNode.className = "ztree";
+
+ var iconNodeStyle = document.createElement("div");
+ iconNodeStyle.style.height = '50%';
+ iconNodeStyle.style.width = '100%';
+
+ var iconNode = document.createElement("div");
+ iconNode.id = "icon";
+ iconNode.style.height = '100%';
+ iconNode.style.width = '100%';
+ iconNode.style.border = '1px solid #617775';
+ iconNode.style.overflow ='scroll';
+
+ treeNodeStyle.appendChild(treeNode);
+ iconNodeStyle.appendChild(iconNode);
+
+ plotPanel.appendChild(treeNodeStyle);
+ plotPanel.appendChild(iconNodeStyle);
+
+ function beforeClickTreeNode(treeId, treeNode){
+ var tree = $.fn.zTree.getZTreeObj(treeId);
+ if (treeNode.isParent) {
+ tree.expandNode(treeNode);
+ return false;
+ } else {
+ var iconNode = document.getElementById("icon");
+ iconNode.innerHTML = "";
+ createDrawNodes(treeNode, iconNode, drawControl, serverUrl);
+ }
+ }
+
+ var setting = {
+ view: {
+ dblClickExpand: false,
+ showLine: true,
+ selectedMulti: false
+ },
+ data: {
+ simpleData: {
+ enable:true,
+ idKey: "id",
+ pIdKey: "pId",
+ rootPId: 0
+ }
+ },
+ callback: {
+ beforeClick: beforeClickTreeNode
+ }
+ };
+ var symbolLibManager = plotting.getSymbolLibManager();
+ if(symbolLibManager.isInitializeOK()){
+ var symbolTreeData = analysisSymbolTree(symbolLibManager);
+ $.fn.zTree.init($("#tree"), setting, symbolTreeData);
+ } else {
+ symbolLibManager.initializecompleted.addEventListener(function (result) {
+ if(result.libIDs.length !== 0){
+ var symbolTreeData = analysisSymbolTree(symbolLibManager);
+ $.fn.zTree.init($("#tree"), setting, symbolTreeData);
+ }
+ });
+ symbolLibManager.initializeAsync();
+ }
+}
+
+function analysisSymbolTree(symbolLibManager) {
+ var treeData = [];
+ var idIndex = addBasicCellTreeNodes(treeData);
+
+ for(var i = 0; i < symbolLibManager.getSymbolLibNumber(); i++){
+ var symbolLib = symbolLibManager.getSymbolLibByIndex(i);
+ var rootSymbolInfo = symbolLib.getRootSymbolInfo();
+ var rootSymbolIconUrl = symbolLib.getRootSymbolIconUrl();
+
+ if(rootSymbolInfo.symbolNodeType === "SYMBOL_GROUP"){
+ var rootNode = new Object();
+ rootNode.id = idIndex+i;
+ rootNode.pId = 0;
+ rootNode.name = rootSymbolInfo.symbolName;
+ rootNode.fullName = rootSymbolInfo.symbolName +"/";
+ treeData.push(rootNode);
+
+ idIndex = innerAnalysisSymbolTree(rootSymbolInfo.childNodes, treeData, rootNode, rootSymbolIconUrl);
+ }
+
+ }
+
+ return treeData;
+}
+
+function createDrawNodes(treeNode, iconNode, drawControl, serverUrl){
+ var drawNodeClick = function(){
+ if(drawControl !== null){
+ drawControl.deactivate();
+ drawControl.libID = this.libID;
+ drawControl.code = this.symbolCode;
+ //设置标号默认的模型路径
+ drawControl.drawFinishEvent.addEventListener(function (geo) {
+ if(geo.symbolType === SuperMap.Plot.SymbolType.DOTSYMBOL ){
+ geo.modelPath = './SampleData/plot/Cesium_Air.gltf';
+ }
+ });
+ drawControl.serverUrl = this.serverUrl;
+
+ drawControl.activate();
+ if(undefined !== plotEditControl){
+ plotEditControl.deactivate();
+ }
+ }
+ }
+
+ var me = this;
+ var drawData = treeNode.drawData;
+
+ var table = document.createElement("table");
+ table.style.height = "100%";
+ table.style.width = "100%";
+ var i = 0;
+ var rowLength = (drawData.length%3 === 0) ? drawData.length/3 : drawData.length/3+1;
+ for(var j = 0; j < rowLength; j++){
+ var tr = document.createElement("tr");
+ for(var k = 0; k < 3; k++){
+ if(drawData[i]){
+ //存储菜单信息
+ var td = document.createElement("td");
+ var drawNode = document.createElement("div");
+ drawNode.onclick = drawNodeClick;
+ drawNode.style.textAlign = "center";
+ drawNode.id = drawData[i].libID+ ""+ drawData[i].symbolCode;
+ drawNode.libID = drawData[i].libID;
+ drawNode.symbolCode = drawData[i].symbolCode;
+ drawNode.serverUrl = serverUrl;
+ //图片
+ var img = document.createElement("img");
+ img.src = drawData[i].icon;
+ //文本
+ var text = document.createElement("div");
+ text.innerHTML = drawData[i].symbolName;
+
+ drawNode.appendChild(img);
+ drawNode.appendChild(text);
+ td.appendChild(drawNode);
+
+ tr.appendChild(td);
+ }
+ i++;
+ }
+ table.appendChild(tr);
+ }
+
+ iconNode.appendChild(table);
+}
+
+function addBasicCellTreeNodes(treeData){
+ var cellRootNode = new Object();
+ cellRootNode.id = 1;
+ cellRootNode.pId = 0;
+ cellRootNode.name = "基本标号";
+ cellRootNode.fullName = "BasicCell" +"/";
+ cellRootNode.drawData = [];
+ treeData.push(cellRootNode);
+
+ var symbolCode = [24, 28, 29, 31, 34, 410, 32, 590, 360, 390, 400, 350, 26, 370, 380, 44, 48, /*320,*/
+ 1019, 1022, /*1024, 321,1023,*/ 1025, 1013, 1014,3801,4401 /*1016, 1017, 1026,*/ /*1001 1003, 1004*/];
+ var symbolName = ["折线", "平行四边形", "圆", "椭圆", "注记", "正多边形", "多边形", "贝塞尔曲线", "闭合贝塞尔曲线",
+ "集结地", "大括号", "梯形", "矩形", "弓形", "扇形", "弧线", "平行线", /*"注记指示框",*/ "同心圆", "组合圆",
+ /*"标注框", "多角标注框","自由线",*/ "节点链", "跑道形", "八字形","扇形","弧线"/*"箭头线", "沿线注记", "线型标注", "对象间连线"*/
+ /*"多边形区域", "扇形区域"*/];
+ var cellId = cellRootNode.id + 1;
+ for(var i = 0; i < symbolCode.length; i++){
+ var drawCellNode = {
+ id: cellId++,
+ pId: 0,
+ icon:"js/plotPanelControl/" + cellRootNode.fullName + symbolCode[i] + ".png",
+ symbolCode: symbolCode[i],
+ libID: 0,
+ symbolName: symbolName[i]
+ };
+ cellRootNode.drawData.push(drawCellNode);
+ }
+
+ return cellId;
+}
+
+
+function innerAnalysisSymbolTree(childSymbolInfos, treeData, parentNode, rootSymbolIconUrl){
+ var drawData = [];
+ var treeNodeId = parentNode.id+1;
+ for(var i = 0; i < childSymbolInfos.length; i++){
+ if(childSymbolInfos[i].symbolNodeType === "SYMBOL_GROUP"){
+ var treeNode = new Object();
+ treeNode.id = treeNodeId++;
+ treeNode.pId = parentNode.id;
+ treeNode.name = childSymbolInfos[i].symbolName;
+ treeNode.fullName = parentNode.fullName + childSymbolInfos[i].symbolName+"/";
+ treeData.push(treeNode);
+
+ treeNodeId = innerAnalysisSymbolTree(childSymbolInfos[i].childNodes, treeData, treeNode, rootSymbolIconUrl);
+ } else if(childSymbolInfos[i].symbolNodeType === "SYMBOL_NODE"){
+ var drawNode = new Object();
+ drawNode.id = treeNodeId++;
+ drawNode.pId = parentNode.id;
+ drawNode.icon = rootSymbolIconUrl + parentNode.fullName + childSymbolInfos[i].symbolCode + ".png";
+ drawNode.symbolCode = childSymbolInfos[i].symbolCode;
+ drawNode.libID = childSymbolInfos[i].libID;
+ drawNode.symbolName = childSymbolInfos[i].symbolName + "_" + childSymbolInfos[i].symbolCode;
+ drawData.push(drawNode);
+ }
+ }
+
+ if(drawData.length !== 0){
+ parentNode.drawData = drawData;
+ }
+
+ return treeNodeId;
+}
\ No newline at end of file
--
Gitblit v1.9.3