forked from SuperMap/iClient-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGeoText.js
More file actions
325 lines (287 loc) · 11.2 KB
/
GeoText.js
File metadata and controls
325 lines (287 loc) · 11.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
/* Copyright© 2000 - 2019 SuperMap Software Co.Ltd. All rights reserved.
* This program are made available under the terms of the Apache License, Version 2.0
* which accompanies this distribution and is available at http://www.apache.org/licenses/LICENSE-2.0.html.*/
import {SuperMap} from '../../SuperMap';
import {Geometry} from '../Geometry';
import {Bounds} from '../Bounds';
import {Util} from '../Util';
import {Point} from './Point';
import './LineString';
import '../Pixel';
import '../LonLat';
/**
* @class SuperMap.Geometry.GeoText
* @classdesc 文本标签类。
* @category BaseTypes Geometry
* @extends {SuperMap.Geometry}
* @param {float} x - x 坐标。
* @param {float} y - y 坐标。
* @param {string} text - 标签中的文本内容。
*/
export class GeoText extends Geometry {
constructor(x, y, text) {
super(x, y, text);
/**
* @member {float} SuperMap.Geometry.GeoText.prototype.x
* @description 横坐标。
*/
this.x = parseFloat(x);
/**
* @member {float} SuperMap.Geometry.GeoText.prototype.y
* @description 纵坐标。
*/
this.y = parseFloat(y);
/**
* @member {string} SuperMap.Geometry.GeoText.prototype.text
* @description 标签中的文本内容。
*/
this.text = text.toString();
/**
* @member {Object} SuperMap.Geometry.GeoText.prototype.bsInfo
* @description 标签范围的基础信息。
* @property {number} w - bounds 的宽。
* @property {number} h - bounds 的高度。
*/
this.bsInfo = {
"h": null,
"w": null
};
this.element = document.createElement('span');
this.CLASS_NAME = "SuperMap.Geometry.GeoText";
this.geometryType = "GeoText";
}
/**
* @function SuperMap.Geometry.GeoText.prototype.destroy
* @description 销毁文本标签类。
*/
destroy() {
super.destroy();
this.x = null;
this.y = null;
this.text = null;
}
/**
* @function SuperMap.Geometry.GeoText.prototype.getCentroid
* @description 获取标签对象的质心。
* @returns {SuperMap.Geometry.Point} 标签对象的质心。
*/
getCentroid() {
return new Point(this.x, this.y);
}
/**
* @function SuperMap.Geometry.GeoText.prototype.clone
* @description 克隆标签对象。
* @returns {SuperMap.Geometry.GeoText} 克隆后的标签对象。
*/
clone(obj) {
if (obj == null) {
obj = new GeoText(this.x, this.y, this.text);
}
Util.applyDefaults(obj, this);
return obj;
}
/**
* @function SuperMap.Geometry.GeoText.prototype.calculateBounds
* @description 计算标签对象的范围。
*/
calculateBounds() {
this.bounds = new Bounds(this.x, this.y,
this.x, this.y);
}
/**
* @function SuperMap.Geometry.GeoText.prototype.getLabelPxBoundsByLabel
* @description 根据绘制好的标签获取文字标签的像素范围，参数的单位是像素；此方法相对于 getLabelPxBoundsByText 效率较低，但支持所有格式的文本。
* @param {Object} locationPixel - 标签的位置点，该对象含有属性 x（横坐标），属性 y（纵坐标）。
* @param {string} labelWidth - 标签的宽度，如：“90px”。
* @param {string} labelHeight - 标签的高度。
* @param {Object} style - 标签的 style。
* @returns {SuperMap.Bounds} 标签的像素范围。
*/
getLabelPxBoundsByLabel(locationPixel, labelWidth, labelHeight, style) {
var labelPxBounds, left, bottom, top, right;
var locationPx = Util.cloneObject(locationPixel);
//计算文本行数
var theText = style.label || this.text;
var textRows = theText.split('\n');
var laberRows = textRows.length;
//处理文字对齐
labelWidth = parseFloat(labelWidth);
labelHeight = parseFloat(labelHeight);
if (laberRows > 1) {
labelHeight = parseFloat(labelHeight) * laberRows;
}
if (style.labelAlign && style.labelAlign !== "cm") {
switch (style.labelAlign) {
case "lt":
locationPx.x += labelWidth / 2;
locationPx.y += labelHeight / 2;
break;
case "lm":
locationPx.x += labelWidth / 2;
break;
case "lb":
locationPx.x += labelWidth / 2;
locationPx.y -= labelHeight / 2;
break;
case "ct":
locationPx.y += labelHeight / 2;
break;
case "cb":
locationPx.y -= labelHeight / 2;
break;
case "rt":
locationPx.x -= labelWidth / 2;
locationPx.y += labelHeight / 2;
break;
case "rm":
locationPx.x -= labelWidth / 2;
break;
case "rb":
locationPx.x -= labelWidth / 2;
locationPx.y -= labelHeight / 2;
break;
default:
break;
}
}
this.bsInfo.h = labelHeight;
this.bsInfo.w = labelWidth;
//bounds的四边
left = locationPx.x - parseFloat(labelWidth) / 2;
bottom = locationPx.y + parseFloat(labelHeight) / 2;
right = locationPx.x + parseFloat(labelWidth) / 2;
top = locationPx.y - parseFloat(labelHeight) / 2;
labelPxBounds = new Bounds(left, bottom, right, top);
return labelPxBounds;
}
/**
* @function SuperMap.Geometry.GeoText.prototype.getLabelPxBoundsByText
* @description 根据文本内容获取文字标签的像素范围。
* @param {Object} locationPixel - 标签的位置点，该对象含有属性 x（横坐标），属性 y（纵坐标）。
* @param {Object} style - 标签的样式。
* @returns {SuperMap.Bounds} 标签的像素范围。
*/
getLabelPxBoundsByText(locationPixel, style) {
var labelPxBounds, left, bottom, top, right;
var labelSize = this.getLabelPxSize(style);
var locationPx = Util.cloneObject(locationPixel);
//处理文字对齐
if (style.labelAlign && style.labelAlign !== "cm") {
switch (style.labelAlign) {
case "lt":
locationPx.x += labelSize.w / 2;
locationPx.y += labelSize.h / 2;
break;
case "lm":
locationPx.x += labelSize.w / 2;
break;
case "lb":
locationPx.x += labelSize.w / 2;
locationPx.y -= labelSize.h / 2;
break;
case "ct":
locationPx.y += labelSize.h / 2;
break;
case "cb":
locationPx.y -= labelSize.h / 2;
break;
case "rt":
locationPx.x -= labelSize.w / 2;
locationPx.y += labelSize.h / 2;
break;
case "rm":
locationPx.x -= labelSize.w / 2;
break;
case "rb":
locationPx.x -= labelSize.w / 2;
locationPx.y -= labelSize.h / 2;
break;
default:
break;
}
}
this.bsInfo.h = labelSize.h;
this.bsInfo.w = labelSize.w;
left = locationPx.x - labelSize.w / 2;
bottom = locationPx.y + labelSize.h / 2;
//处理斜体字
if (style.fontStyle && style.fontStyle === "italic") {
right = locationPx.x + labelSize.w / 2 + parseInt(parseFloat(style.fontSize) / 2);
} else {
right = locationPx.x + labelSize.w / 2;
}
top = locationPx.y - labelSize.h / 2;
labelPxBounds = new Bounds(left, bottom, right, top);
return labelPxBounds;
}
/**
* @function SuperMap.Geometry.GeoText.prototype.getLabelPxSize
* @description 获取 label 的像素大小。
* @param {Object} style - 标签样式。
* @returns {Object} 标签大小对象，属性 w 表示标签的宽度，属性 h 表示标签的高度。
*/
getLabelPxSize(style) {
var text,//文本内容
fontSize,//字体大小
spacing = 1,//两个字符间的间距（单位：px）
lineSpacing = 0.2,
bgstrokeWidth = parseFloat(style.strokeWidth);//标签背景框边框的宽度
text = style.label || this.text;
if (style.fontSize) {
fontSize = parseFloat(style.fontSize);
} else {
fontSize = parseFloat("12px");
}
//标签宽高
var labelW, labelH;
var textRows = text.split('\n');
var numRows = textRows.length;
if (numRows > 1) {
labelH = fontSize * numRows + numRows + bgstrokeWidth + lineSpacing * fontSize;
} else {
labelH = fontSize + bgstrokeWidth + lineSpacing * fontSize + 1;
}
//取最大宽度
labelW = 0;
if (this.labelWTmp && labelW < this.labelWTmp) {
labelW = this.labelWTmp;
}
for (var i = 0; i < numRows; i++) {
var textCharC = this.getTextCount(textRows[i]);
var labelWTmp = this.labelWTmp = Util.getTextBounds(style, textRows[i], this.element).textWidth + textCharC.textC * spacing + bgstrokeWidth;
if (labelW < labelWTmp) {
labelW = labelWTmp;
}
}
var labelSize = new Object(); //标签大小
labelSize.h = labelH;
labelSize.w = labelW;
return labelSize;
}
/**
* @function SuperMap.Geometry.GeoText.prototype.getTextCount
* @description 获取 text 中的字符个数。
* @param {string} text - 字符串。
* @returns {Object} 字符个数统计结果，属性 cnC 表示中文字符个数，属性 enC 表示英文字符个数，属性 textC 表示字符总个数。
*/
getTextCount(text) {
var textCharCount = {};
var cnCount = 0;
var enCount = 0;
for (var i = 0; i < text.length; i++) {
if (text.charCodeAt(i) > 255) { //遍历判断字符串中每个字符的Unicode码,大于255则为中文
cnCount++;
} else {
enCount++;
}
}
//中午字符个数
textCharCount.cnC = cnCount;
//英文字符个数
textCharCount.enC = enCount;
//字符总个数
textCharCount.textC = text.length;
return textCharCount;
}
}
SuperMap.Geometry.GeoText = GeoText;