Skip to content

Commit 6c68c75

Browse files
hhyu1hhyu1
committed
修改标绘示例
1 parent bbacd0a commit 6c68c75

File tree

4 files changed

+81
-80
lines changed

4 files changed

+81
-80
lines changed

‎examples/js/plottingPanel/PlotPanel.js‎

Lines changed: 49 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
1-
/* Copyright© 2000 - 2023 SuperMap Software Co.Ltd. All rights reserved.*/
2-
L.supermap.plotting.initPlotPanel = function(div, serverUrl, drawControl){
1+
2+
/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.*/
3+
L.supermap.plotting.initPlotPanel = function (div, serverUrl, drawControl) {
34
var plotPanel = document.getElementById(div);
45

56
var treeNodeStyle = document.createElement("div");
67
treeNodeStyle.style.height = '50%';
78
treeNodeStyle.style.width = '100%';
89
treeNodeStyle.style.border = '1px solid #617775';
9-
treeNodeStyle.style.overflow ='scroll';
10+
treeNodeStyle.style.overflow = 'scroll';
1011

1112
var treeNode = document.createElement("div");
1213
treeNode.id = "tree";
@@ -21,15 +22,15 @@ L.supermap.plotting.initPlotPanel = function(div, serverUrl, drawControl){
2122
iconNode.style.height = '100%';
2223
iconNode.style.width = '100%';
2324
iconNode.style.border = '1px solid #617775';
24-
iconNode.style.overflow ='scroll';
25+
iconNode.style.overflow = 'scroll';
2526

2627
treeNodeStyle.appendChild(treeNode);
2728
iconNodeStyle.appendChild(iconNode);
2829

2930
plotPanel.appendChild(treeNodeStyle);
3031
plotPanel.appendChild(iconNodeStyle);
3132

32-
function beforeClickTreeNode(treeId, treeNode){
33+
function beforeClickTreeNode(treeId, treeNode) {
3334
var tree = $.fn.zTree.getZTreeObj(treeId);
3435
if (treeNode.isParent) {
3536
tree.expandNode(treeNode);
@@ -49,7 +50,7 @@ L.supermap.plotting.initPlotPanel = function(div, serverUrl, drawControl){
4950
},
5051
data: {
5152
simpleData: {
52-
enable:true,
53+
enable: true,
5354
idKey: "id",
5455
pIdKey: "pId",
5556
rootPId: 0
@@ -61,16 +62,17 @@ L.supermap.plotting.initPlotPanel = function(div, serverUrl, drawControl){
6162
};
6263

6364
var symbolLibManager = L.supermap.plotting.symbolLibManager(serverUrl);
64-
if(symbolLibManager.isInitializeOK()){
65+
if (symbolLibManager.isInitializeOK()) {
6566
var symbolTreeData = analysisSymbolTree(symbolLibManager);
6667

6768
$.fn.zTree.init($("#tree"), setting, symbolTreeData);
6869
} else {
69-
symbolLibManager.on(SuperMap.Plot.Event.initializecompleted, function(result){
70-
if(result.libIDs.length !== 0){
70+
symbolLibManager.on(SuperMap.Plot.Event.initializecompleted, function (result) {
71+
if (result.libIDs.length !== 0) {
7172
var symbolTreeData = analysisSymbolTree(symbolLibManager);
7273
$.fn.zTree.init($("#tree"), setting, symbolTreeData);
73-
}});
74+
}
75+
});
7476
symbolLibManager.initializeAsync();
7577
}
7678
}
@@ -80,17 +82,17 @@ function analysisSymbolTree(symbolLibManager) {
8082
var idIndex = addBasicCellTreeNodes(treeData);
8183
var idIndex = addRouteTreeNodes(treeData);
8284

83-
for(var i = 0; i < symbolLibManager.getSymbolLibNumber(); i++){
85+
for (var i = 0; i < symbolLibManager.getSymbolLibNumber(); i++) {
8486
var symbolLib = symbolLibManager.getSymbolLibByIndex(i);
8587
var rootSymbolInfo = symbolLib.getRootSymbolInfo();
8688
var rootSymbolIconUrl = symbolLib.getRootSymbolIconUrl();
8789

88-
if(rootSymbolInfo.symbolNodeType === "SYMBOL_GROUP"){
90+
if (rootSymbolInfo.symbolNodeType === "SYMBOL_GROUP") {
8991
var rootNode = new Object();
90-
rootNode.id = idIndex+i;
92+
rootNode.id = idIndex + i;
9193
rootNode.pId = 0;
9294
rootNode.name = rootSymbolInfo.symbolName;
93-
rootNode.fullName = rootSymbolInfo.symbolName +"/";
95+
rootNode.fullName = rootSymbolInfo.symbolName + "/";
9496
treeData.push(rootNode);
9597

9698
idIndex = innerAnalysisSymbolTree(rootSymbolInfo.childNodes, treeData, rootNode, rootSymbolIconUrl);
@@ -101,9 +103,9 @@ function analysisSymbolTree(symbolLibManager) {
101103
return treeData;
102104
}
103105

104-
function createDrawNodes(treeNode, iconNode, drawControl, serverUrl){
105-
var drawNodeClick = function(){
106-
if(drawControl !== null){
106+
function createDrawNodes(treeNode, iconNode, drawControl, serverUrl) {
107+
var drawNodeClick = function () {
108+
if (drawControl !== null) {
107109
drawControl.handler.libID = this.libID;
108110
drawControl.handler.code = this.symbolCode;
109111
drawControl.handler.serverUrl = this.serverUrl;
@@ -120,17 +122,17 @@ function createDrawNodes(treeNode, iconNode, drawControl, serverUrl){
120122
table.style.height = "100%";
121123
table.style.width = "100%";
122124
var i = 0;
123-
var rowLength = (drawData.length%3 === 0) ? drawData.length/3 : drawData.length/3+1;
124-
for(var j = 0; j < rowLength; j++){
125+
var rowLength = (drawData.length % 3 === 0) ? drawData.length / 3 : drawData.length / 3 + 1;
126+
for (var j = 0; j < rowLength; j++) {
125127
var tr = document.createElement("tr");
126-
for(var k = 0; k < 3; k++){
127-
if(drawData[i]){
128+
for (var k = 0; k < 3; k++) {
129+
if (drawData[i]) {
128130
//存储菜单信息
129131
var td = document.createElement("td");
130132
var drawNode = document.createElement("div");
131133
drawNode.onclick = drawNodeClick;
132134
drawNode.style.textAlign = "center";
133-
drawNode.id = drawData[i].libID+ ""+ drawData[i].symbolCode;
135+
drawNode.id = drawData[i].libID + "" + drawData[i].symbolCode;
134136
drawNode.libID = drawData[i].libID;
135137
drawNode.symbolCode = drawData[i].symbolCode;
136138
drawNode.serverUrl = serverUrl;
@@ -139,7 +141,7 @@ function createDrawNodes(treeNode, iconNode, drawControl, serverUrl){
139141
img.src = drawData[i].icon;
140142
//文本
141143
var text = document.createElement("div");
142-
text.innerHTML = drawData[i].symbolName;
144+
text.innerHTML = drawData[i].symbolName;
143145

144146
drawNode.appendChild(img);
145147
drawNode.appendChild(text);
@@ -155,30 +157,30 @@ function createDrawNodes(treeNode, iconNode, drawControl, serverUrl){
155157
iconNode.appendChild(table);
156158
}
157159

158-
function addBasicCellTreeNodes(treeData){
160+
function addBasicCellTreeNodes(treeData) {
159161
var cellRootNode = new Object();
160162
cellRootNode.id = 1;
161163
cellRootNode.pId = 0;
162164
cellRootNode.name = "基本标号";
163-
cellRootNode.fullName = "BasicCell" +"/";
165+
cellRootNode.fullName = "BasicCell" + "/";
164166
cellRootNode.drawData = [];
165167
treeData.push(cellRootNode);
166168

167169
var symbolCode = [24, 28, 29, 31, 34, 410, 32, 590, 360, 390, 400, 350, 26, 370, 380, 44, 3701, 3801, 4401, 48, 320
168-
, 1019, 1022,1024,321,1023,1025
169-
,1013, 1014, 1016, 1017,1026
170-
,1001, 1003, 1004,1028,1029,3000];
170+
, 1019, 1022, 1024, 321, 1023, 1025
171+
, 1013, 1014, 1016, 1017, 1026
172+
, 1001, 1003, 1004, 1028, 1029, 3000];
171173
var symbolName = ["折线", "平行四边形", "圆", "椭圆", "注记", "正多边形", "多边形", "贝赛尔曲线", "闭合贝赛尔曲线"
172-
, "集结地", "大括号", "梯形", "矩形", "弓形", "扇形", "弧线","弓形", "扇形", "弧线", "平行线", "注记指示框"
173-
, "同心圆", "组合圆","标注框","多角标注框","自由线", "节点链"
174-
, "跑道形", "八字形", "箭头线", "沿线注记","线型标注"
175-
, "对象间连线", "多边形区域","扇形区域","铁丝网","直线箭头","图片"];
174+
, "集结地", "大括号", "梯形", "矩形", "弓形", "扇形", "弧线", "弓形", "扇形", "弧线", "平行线", "注记指示框"
175+
, "同心圆", "组合圆", "标注框", "多角标注框", "自由线", "节点链"
176+
, "跑道形", "八字形", "箭头线", "沿线注记", "线型标注"
177+
, "对象间连线", "多边形区域", "扇形区域", "铁丝网", "直线箭头", "图片"];
176178
var cellId = cellRootNode.id + 1;
177-
for(var i = 0; i < symbolCode.length; i++){
179+
for (var i = 0; i < symbolCode.length; i++) {
178180
var drawCellNode = {
179181
id: cellId++,
180182
pId: 0,
181-
icon:"../img/plottingPanel/" + cellRootNode.fullName + symbolCode[i] + ".png",
183+
icon: "../img/plottingPanel/" + cellRootNode.fullName + symbolCode[i] + ".png",
182184
symbolCode: symbolCode[i],
183185
libID: 0,
184186
symbolName: symbolName[i]
@@ -189,22 +191,22 @@ function addBasicCellTreeNodes(treeData){
189191
return cellId;
190192
}
191193

192-
function addRouteTreeNodes(treeData){
194+
function addRouteTreeNodes(treeData) {
193195
var cellRootNode = new Object();
194196
cellRootNode.id = 1;
195197
cellRootNode.pId = 0;
196198
cellRootNode.name = "航线对象";
197199
cellRootNode.drawData = [];
198200
treeData.push(cellRootNode);
199201

200-
var symbolCode = [1005,1006,1007];
201-
var symbolName = ["航线1","航线2","航线3"];
202+
var symbolCode = [1005, 1006, 1007];
203+
var symbolName = ["航线1", "航线2", "航线3"];
202204
var cellId = cellRootNode.id + 1;
203-
for(var i = 0; i < symbolCode.length; i++){
205+
for (var i = 0; i < symbolCode.length; i++) {
204206
var drawCellNode = {
205207
id: cellId++,
206208
pId: 0,
207-
icon:"../img/plottingPanel/BasicCell/RouteIcon/" + symbolCode[i] + ".png",
209+
icon: "../img/plottingPanel/BasicCell/RouteIcon/" + symbolCode[i] + ".png",
208210
symbolCode: symbolCode[i],
209211
libID: 0,
210212
symbolName: symbolName[i]
@@ -215,20 +217,20 @@ function addRouteTreeNodes(treeData){
215217
return cellId;
216218
}
217219

218-
function innerAnalysisSymbolTree(childSymbolInfos, treeData, parentNode, rootSymbolIconUrl){
220+
function innerAnalysisSymbolTree(childSymbolInfos, treeData, parentNode, rootSymbolIconUrl) {
219221
var drawData = [];
220-
var treeNodeId = parentNode.id+1;
221-
for(var i = 0; i < childSymbolInfos.length; i++){
222-
if(childSymbolInfos[i].symbolNodeType === "SYMBOL_GROUP"){
222+
var treeNodeId = parentNode.id + 1;
223+
for (var i = 0; i < childSymbolInfos.length; i++) {
224+
if (childSymbolInfos[i].symbolNodeType === "SYMBOL_GROUP") {
223225
var treeNode = new Object();
224226
treeNode.id = treeNodeId++;
225227
treeNode.pId = parentNode.id;
226228
treeNode.name = childSymbolInfos[i].symbolName;
227-
treeNode.fullName = parentNode.fullName + childSymbolInfos[i].symbolName+"/";
229+
treeNode.fullName = parentNode.fullName + childSymbolInfos[i].symbolName + "/";
228230
treeData.push(treeNode);
229231

230232
treeNodeId = innerAnalysisSymbolTree(childSymbolInfos[i].childNodes, treeData, treeNode, rootSymbolIconUrl);
231-
} else if(childSymbolInfos[i].symbolNodeType === "SYMBOL_NODE"){
233+
} else if (childSymbolInfos[i].symbolNodeType === "SYMBOL_NODE") {
232234
var drawNode = new Object();
233235
drawNode.id = treeNodeId++;
234236
drawNode.pId = parentNode.id;
@@ -240,9 +242,9 @@ function innerAnalysisSymbolTree(childSymbolInfos, treeData, parentNode, rootSym
240242
}
241243
}
242244

243-
if(drawData.length !== 0){
245+
if (drawData.length !== 0) {
244246
parentNode.drawData = drawData;
245247
}
246248

247249
return treeNodeId;
248-
}
250+
}

‎examples/js/plottingPanel/SignSymbolPanel.js‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.*/
21
L.supermap.plotting.initSignTreePanel = function (div, plotMapManager, layer) {
32
plotMapManager.on(SuperMap.Plot.Event.signsymbollayeradded, function (event) {
43
event.signSymbolLayer.on(SuperMap.Plot.Event.signsymbolsadded, refresh);
@@ -21,7 +20,7 @@ L.supermap.plotting.initSignTreePanel = function (div, plotMapManager, layer) {
2120
treeNodeStyle.style.border = '1px solid #617775';
2221
treeNodeStyle.style.overflow = 'scroll';
2322
var treeNode = document.createElement("div");
24-
treeNode.id = "tree";
23+
treeNode.id = "signSymbolTree";
2524
treeNode.className = "ztree";
2625
treeNodeStyle.appendChild(treeNode);
2726
signTreePanel.appendChild(treeNodeStyle);
@@ -95,7 +94,7 @@ function initSignTree() {
9594
};
9695

9796
var treeData = analysisSignTree();
98-
$.fn.zTree.init($("#tree"), setting, treeData);
97+
$.fn.zTree.init($("#signSymbolTree"), setting, treeData);
9998
}
10099
function analysisSignTree() {
101100
var treeData = [];

‎examples/js/plottingPanel/SpecialEffectStylePanel.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -396,7 +396,7 @@ L.supermap.plotting.initSpecialEffectTreePanel = function (divId, specialEffectM
396396
treeNodeStyle.style.border = '1px solid #617775';
397397
treeNodeStyle.style.overflow = 'scroll';
398398
var treeNode = document.createElement("div");
399-
treeNode.id = "tree";
399+
treeNode.id = "specialEffecttree";
400400
treeNode.className = "ztree";
401401
treeNodeStyle.appendChild(treeNode);
402402
specialEffectTreePanel.appendChild(treeNodeStyle);
@@ -417,7 +417,7 @@ function updateSpecialEffectTree() {
417417
specialEffectManager.selectedSpecialEffect(effect);
418418
curSelectEffect = effect;
419419
} else {
420-
var tree = $.fn.zTree.getZTreeObj("tree");
420+
var tree = $.fn.zTree.getZTreeObj("specialEffecttree");
421421
if (currentSelectedSpecialEffectUuid) {
422422
var treeData = tree.transformToArray(tree.getNodes());
423423
var node;
@@ -461,7 +461,7 @@ function updateSpecialEffectTree() {
461461
};
462462

463463
var treeData = getSpecialEffectTreeData();
464-
$.fn.zTree.init($("#tree"), setting, treeData);
464+
$.fn.zTree.init($("#specialEffecttree"), setting, treeData);
465465
}
466466

467467
function getSpecialEffectTreeData() {

0 commit comments

Comments
 (0)