1
|
<!doctype html public "-//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC-html40/frameset.dtd">
|
2
|
<html>
|
3
|
<head>
|
4
|
<title>
|
5
|
<a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008 Overview
|
6
|
</title>
|
7
|
<link rel ="stylesheet" type="text/css" href="stylesheet.css" title="Style">
|
8
|
<script>
|
9
|
function asd() {
|
10
|
|
11
|
parent.document.title="Measurement.js Overview";
|
12
|
|
13
|
}
|
14
|
</script>
|
15
|
</head>
|
16
|
<body bgcolor="white" onload="asd();">
|
17
|
|
18
|
<!-- ========== START OF NAVBAR ========== -->
|
19
|
<a name="navbar_top"><!-- --></a>
|
20
|
<table border="0" width="100%" cellpadding="1" cellspacing="0">
|
21
|
<tr>
|
22
|
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
|
23
|
<a name="navbar_top_firstrow"><!-- --></a>
|
24
|
<table border="0" cellpadding="0" cellspacing="3">
|
25
|
<tr align="center" valign="top">
|
26
|
|
27
|
|
28
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a> </td>
|
29
|
<td bgcolor="#FFFFFF" class="NavBarCell1Rev"> <font class="NavBarFont1Rev"><b>File</b></font> </td>
|
30
|
|
31
|
|
32
|
<td bgcolor="#FFFFFF" class="NavBarCell1"> <font class="NavBarFont1">Class</font> </td>
|
33
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a> </td>
|
34
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a> </td>
|
35
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a> </td>
|
36
|
</tr>
|
37
|
</table>
|
38
|
</td>
|
39
|
<td bgcolor="#EEEEFF" align="right" valign="top">
|
40
|
<em>
|
41
|
<b><a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008</b></em>
|
42
|
</td>
|
43
|
</tr>
|
44
|
|
45
|
<tr>
|
46
|
<td bgcolor="white" class="NavBarCell2"><font size="-2">
|
47
|
PREV
|
48
|
NEXT</font></td>
|
49
|
<td bgcolor="white" class="NavBarCell2"><font size="-2">
|
50
|
<a href="index.html" target="_top"><b>FRAMES</b></a>
|
51
|
<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
|
52
|
|
53
|
<script>
|
54
|
<!--
|
55
|
if(window==top) {
|
56
|
document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
|
57
|
}
|
58
|
//-->
|
59
|
</script>
|
60
|
<noscript>
|
61
|
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
|
62
|
</noscript>
|
63
|
</font></td>
|
64
|
</tr>
|
65
|
</table>
|
66
|
<!-- =========== END OF NAVBAR =========== -->
|
67
|
|
68
|
<hr>
|
69
|
<center>
|
70
|
|
71
|
<h2>Measurement.js</h2>
|
72
|
|
73
|
</center>
|
74
|
|
75
|
|
76
|
|
77
|
|
78
|
<h4>Summary</h4>
|
79
|
<p>
|
80
|
|
81
|
No overview generated for 'Measurement.js'<BR/><BR/>
|
82
|
|
83
|
</p>
|
84
|
|
85
|
<hr>
|
86
|
|
87
|
|
88
|
<table border="1" cellpadding="3" cellspacing="0" width="100%">
|
89
|
<tr bgcolor="#CCCCFF" class="TableHeadingColor">
|
90
|
<td colspan=2><font size="+2">
|
91
|
|
92
|
<b>Class Summary</b>
|
93
|
|
94
|
</font></td>
|
95
|
</tr>
|
96
|
|
97
|
<tr bgcolor="white" class="TableRowColor">
|
98
|
<td width="15%"><b><a href="Measurement.html">Measurement</a></b></td>
|
99
|
<td> </td>
|
100
|
</tr>
|
101
|
|
102
|
</table>
|
103
|
<hr/>
|
104
|
|
105
|
|
106
|
<!-- ========== METHOD SUMMARY =========== -->
|
107
|
|
108
|
<!-- ========== END METHOD SUMMARY =========== -->
|
109
|
|
110
|
|
111
|
<pre class="sourceview"><span class="comment">/*
|
112
|
Author: imke doerge AT geodan.nl
|
113
|
License: LGPL as per: http://www.gnu.org/copyleft/lesser.html
|
114
|
$Id: Measurement.js 3821 2008-02-01 13:58:30Z ahocevar $
|
115
|
*/</span>
|
116
|
<span class="comment">
|
117
|
// Ensure this object's dependencies are loaded.</span>
|
118
|
mapbuilder.loadScript(baseDir+<span class="literal">"/widget/EditButtonBase.js"</span>);
|
119
|
|
120
|
|
121
|
<span class="comment">/**
|
122
|
* When this button is selected, clicks on the MapPane will add a
|
123
|
* new point to a line and the total distance of the line will be calculated
|
124
|
* <span class="attrib">@constructor</span>
|
125
|
* <span class="attrib">@base</span> EditButtonBase
|
126
|
* <span class="attrib">@author</span> Imke Doerge AT geodan.nl
|
127
|
* <span class="attrib">@param</span> widgetNode The widget from the Config XML file.
|
128
|
* <span class="attrib">@param</span> model The parent model for this widget.
|
129
|
*/</span>
|
130
|
<span class="reserved">function</span> Measurement(widgetNode, model) {
|
131
|
EditButtonBase.apply(<span class="reserved">this</span>, new Array(widgetNode, model));
|
132
|
|
133
|
<span class="comment">/**
|
134
|
* Interactive EditLine control.
|
135
|
* <span class="attrib">@param</span> objRef reference to this object.
|
136
|
* <span class="attrib">@return</span> {OpenLayers.Control} class of the OL control.
|
137
|
*/</span>
|
138
|
<span class="reserved">this</span>.createControl = <span class="reserved">function</span>(objRef) {
|
139
|
var Control = OpenLayers.Class(OpenLayers.Control.DrawFeature, {
|
140
|
<span class="comment"> // this is needed because all editing tools are of type</span>
|
141
|
<span class="comment"> // OpenLayers.Control.DrawFeature</span>
|
142
|
CLASS_NAME: <span class="literal">'mbMeasurement'</span>
|
143
|
});
|
144
|
<span class="reserved">return</span> Control;
|
145
|
}
|
146
|
|
147
|
<span class="reserved">this</span>.instantiateControl = <span class="reserved">function</span>(objRef, Control) {
|
148
|
var control = new Control(objRef.featureLayer, OpenLayers.Handler.Path,
|
149
|
{callbacks: {point: objRef.startAction}});
|
150
|
control.objRef = objRef;
|
151
|
control.activate = <span class="reserved">function</span>() {
|
152
|
Control.<span class="reserved">prototype</span>.activate.apply(<span class="reserved">this</span>, arguments);
|
153
|
objRef.targetModel.setParam(<span class="literal">'showDistance'</span>, 0);
|
154
|
}
|
155
|
control.deactivate = <span class="reserved">function</span>() {
|
156
|
Control.<span class="reserved">prototype</span>.deactivate.apply(<span class="reserved">this</span>, arguments);
|
157
|
objRef.targetModel.setParam(<span class="literal">'showDistance'</span>, null);
|
158
|
}
|
159
|
<span class="reserved">return</span> control;
|
160
|
}
|
161
|
<span class="comment">
|
162
|
// override default cursor by user</span>
|
163
|
<span class="comment"> // cursor can be changed by specifying a new cursor in config file</span>
|
164
|
<span class="reserved">this</span>.cursor = <span class="literal">"crosshair"</span>;
|
165
|
|
166
|
var totalDistance=0;
|
167
|
var distance = 0;
|
168
|
var state = false;
|
169
|
var restart = false;
|
170
|
|
171
|
<span class="reserved">this</span>.startAction = <span class="reserved">function</span>(pointGeometry) {
|
172
|
var objRef = <span class="reserved">this</span>.objRef;
|
173
|
objRef.pointGeometry = pointGeometry;
|
174
|
<span class="reserved">if</span> (!objRef.targetModel.doc) {
|
175
|
objRef.targetModel.addListener(<span class="literal">"loadModel"</span>, objRef.doAction, objRef);
|
176
|
config.loadModel(objRef.targetModel.id, objRef.defaultModelUrl);
|
177
|
} <span class="reserved">else</span> {
|
178
|
objRef.doAction(objRef);
|
179
|
}
|
180
|
}
|
181
|
<span class="comment">/**
|
182
|
* Append a point to a line and calculate the distance between all
|
183
|
* points on the line. This will be called by the OpenLayers control
|
184
|
* for this widget in the context of the control.
|
185
|
* <span class="attrib">@param</span> pointGeometry OpenLayers Geometry of the point to add
|
186
|
*/</span>
|
187
|
<span class="reserved">this</span>.doAction = <span class="reserved">function</span>(objRef) {
|
188
|
pointGeometry = objRef.pointGeometry;
|
189
|
objRef.targetModel.removeListener(<span class="literal">"loadModel"</span>, objRef.doAction, objRef);
|
190
|
<span class="reserved">if</span> (objRef.enabled) {
|
191
|
<span class="reserved">if</span>(objRef.restart) {
|
192
|
objRef.model.setParam(<span class="literal">"clearMeasurementLine"</span>);
|
193
|
objRef.restart= false;
|
194
|
}
|
195
|
var point=[pointGeometry.x, pointGeometry.y];
|
196
|
var old=objRef.targetModel.getXpathValue(objRef.targetModel,objRef.featureXpath);
|
197
|
<span class="reserved">if</span>(!old) old=<span class="literal">""</span>;
|
198
|
sucess=objRef.targetModel.setXpathValue(objRef.targetModel,objRef.featureXpath,old+<span class="literal">" "</span>+point[0]+<span class="literal">","</span>+point[1]);
|
199
|
<span class="reserved">if</span>(!sucess) {
|
200
|
alert(mbGetMessage(<span class="literal">"invalidFeatureXpathMeasurement"</span>, objRef.featureXpath));
|
201
|
}
|
202
|
|
203
|
var lineCoords = objRef.targetModel.getXpathValue(objRef.targetModel, objRef.featureXpath);
|
204
|
var coordArray = lineCoords.split(<span class="literal">" "</span>);
|
205
|
<span class="reserved">if</span> (coordArray.length >= 3) {
|
206
|
var point_P = coordArray[coordArray.length-2];
|
207
|
var point_Q = coordArray[coordArray.length-1];
|
208
|
<span class="comment">
|
209
|
//Split point in x and y coordinate</span>
|
210
|
var P =point_P.split(<span class="literal">","</span>);
|
211
|
var Q =point_Q.split(<span class="literal">","</span>);
|
212
|
<span class="comment">
|
213
|
//transform coordinates from lat/lon to x/y in meter </span>
|
214
|
objRef.srs = srs.toUpperCase();
|
215
|
objRef.proj = new OpenLayers.Projection(objRef.srs);
|
216
|
|
217
|
<span class="reserved">if</span> (!P || !Q ){
|
218
|
alert(mbGetMessage(<span class="literal">"projectionNotSupported"</span>));
|
219
|
}
|
220
|
<span class="reserved">else</span> {
|
221
|
<span class="comment"> //If projection is in meters use simple pythagoras</span>
|
222
|
<span class="reserved">if</span>(objRef.proj.getUnits() == <span class="literal">"meters"</span> || objRef.proj.getUnits() == <span class="literal">"m"</span>) {
|
223
|
Xp=parseFloat(P[0]);
|
224
|
Yp=parseFloat(P[1]);
|
225
|
Xq=parseFloat(Q[0]);
|
226
|
Yq=parseFloat(Q[1]);
|
227
|
<span class="comment"> // calculate the distance between these two points via Pythagoras' theorem </span>
|
228
|
distance=Math.sqrt(((Xp-Xq)*(Xp-Xq))+((Yp-Yq)*(Yp-Yq)))
|
229
|
<span class="reserved">if</span>(distance==0) {
|
230
|
objRef.restart = true;
|
231
|
objRef.model.setParam(<span class="literal">"clearMouseLine"</span>);objRef.targetModel.setParam(<span class="literal">"mouseRenderer"</span>, false);
|
232
|
<span class="reserved">return</span>;
|
233
|
}
|
234
|
totalDistance = Math.round(totalDistance + distance);
|
235
|
}
|
236
|
<span class="comment"> //If projection is in degrees use great circle formulae </span>
|
237
|
<span class="comment"> //http://williams.best.vwh.net/avform.htm#GCF</span>
|
238
|
<span class="reserved">else</span> <span class="reserved">if</span>(objRef.proj.getUnits() == <span class="literal">"degrees"</span> || objRef.proj.getUnits() == null) {
|
239
|
var deg2rad = Math.PI / 180.0
|
240
|
var centerOfEarth=new Array(0,0);
|
241
|
LonpRad=parseFloat(P[0]) * deg2rad;
|
242
|
LatpRad=parseFloat(P[1]) * deg2rad;
|
243
|
LonqRad=parseFloat(Q[0]) * deg2rad;
|
244
|
LatqRad=parseFloat(Q[1]) * deg2rad;
|
245
|
|
246
|
<span class="reserved">if</span>((LonpRad>0 && LonqRad<0) || (LonpRad<0 && LonqRad>0)){
|
247
|
<span class="reserved">if</span>(LonpRad<0){
|
248
|
radDistance=Math.acos(Math.sin(LatpRad)*Math.sin(LatqRad)+Math.cos(LatpRad)*Math.cos(LatqRad)*Math.cos(LonpRad));
|
249
|
radDistance+=Math.acos(Math.sin(LatpRad)*Math.sin(LatqRad)+Math.cos(LatpRad)*Math.cos(LatqRad)*Math.cos(LonqRad));
|
250
|
}
|
251
|
<span class="reserved">if</span>(LonqRad<0){
|
252
|
radDistance=Math.acos(Math.sin(LatpRad)*Math.sin(LatqRad)+Math.cos(LatpRad)*Math.cos(LatqRad)*Math.cos(LonqRad));
|
253
|
radDistance+=Math.acos(Math.sin(LatpRad)*Math.sin(LatqRad)+Math.cos(LatpRad)*Math.cos(LatqRad)*Math.cos(LonpRad));
|
254
|
}
|
255
|
}
|
256
|
<span class="reserved">else</span>{
|
257
|
|
258
|
radDistance=Math.acos(Math.sin(LatpRad)*Math.sin(LatqRad)+Math.cos(LatpRad)*Math.cos(LatqRad)*Math.cos(LonpRad-LonqRad));
|
259
|
|
260
|
}
|
261
|
<span class="comment"> //radDistance=Math.acos(Math.sin(Latp)*Math.sin(Latq)+Math.cos(Latp)*Math.cos(Latq)*Math.cos(Lonp-Lonq));</span>
|
262
|
distance =radDistance * 6378137;
|
263
|
<span class="reserved">if</span>(distance==0) {
|
264
|
objRef.restart = true;
|
265
|
objRef.model.setParam(<span class="literal">"clearMouseLine"</span>);objRef.targetModel.setParam(<span class="literal">"mouseRenderer"</span>, false);
|
266
|
<span class="reserved">return</span>;
|
267
|
}
|
268
|
totalDistance = Math.round(totalDistance + distance);
|
269
|
}
|
270
|
<span class="reserved">else</span> alert(mbGetMessage(<span class="literal">"cantCalculateDistance"</span>));
|
271
|
}
|
272
|
}
|
273
|
objRef.targetModel.setParam(<span class="literal">"showDistance"</span>, totalDistance); // set parameter <span class="reserved">for</span> the distance output
|
274
|
}
|
275
|
}
|
276
|
|
277
|
<span class="comment">/**
|
278
|
* This will be called as defined in EditButtonBase.js. It is called
|
279
|
* when measurement is finished (ie. when user double-clicks on the map)
|
280
|
* <span class="attrib">@param</span> objRef reference to this widget
|
281
|
* <span class="attrib">@param</span> feature complete measurement path - currently unused.
|
282
|
*/</span>
|
283
|
<span class="reserved">this</span>.setFeature = <span class="reserved">function</span>(objRef, feature) {
|
284
|
objRef.restart = true;
|
285
|
}
|
286
|
|
287
|
<span class="reserved">this</span>.clearMeasurementLine = <span class="reserved">function</span>(objRef){
|
288
|
<span class="reserved">if</span> (totalDistance !=0) {
|
289
|
totalDistance=0;
|
290
|
sucess=objRef.targetModel.setXpathValue(objRef.targetModel,objRef.featureXpath,<span class="literal">""</span>);
|
291
|
<span class="reserved">if</span>(!sucess){
|
292
|
alert(mbGetMessage(<span class="literal">"invalidFeatureXpathMeasurement"</span>, objRef.featureXpath));
|
293
|
}
|
294
|
objRef.targetModel.setParam(<span class="literal">"refresh"</span>);
|
295
|
}
|
296
|
}
|
297
|
<span class="comment"> //add a Listener to the model</span>
|
298
|
<span class="reserved">this</span>.model.addListener(<span class="literal">"clearMeasurementLine"</span>, <span class="reserved">this</span>.clearMeasurementLine, <span class="reserved">this</span>);
|
299
|
|
300
|
}
|
301
|
</pre>
|
302
|
<hr>
|
303
|
|
304
|
|
305
|
|
306
|
<!-- ========== START OF NAVBAR ========== -->
|
307
|
<a name="navbar_top"><!-- --></a>
|
308
|
<table border="0" width="100%" cellpadding="1" cellspacing="0">
|
309
|
<tr>
|
310
|
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
|
311
|
<a name="navbar_top_firstrow"><!-- --></a>
|
312
|
<table border="0" cellpadding="0" cellspacing="3">
|
313
|
<tr align="center" valign="top">
|
314
|
|
315
|
|
316
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a> </td>
|
317
|
<td bgcolor="#FFFFFF" class="NavBarCell1Rev"> <font class="NavBarFont1Rev"><b>File</b></font> </td>
|
318
|
|
319
|
|
320
|
<td bgcolor="#FFFFFF" class="NavBarCell1"> <font class="NavBarFont1">Class</font> </td>
|
321
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a> </td>
|
322
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a> </td>
|
323
|
<td bgcolor="#EEEEFF" class="NavBarCell1"> <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a> </td>
|
324
|
</tr>
|
325
|
</table>
|
326
|
</td>
|
327
|
<td bgcolor="#EEEEFF" align="right" valign="top"><em>
|
328
|
<b><a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008</b></em>
|
329
|
</td>
|
330
|
</tr>
|
331
|
|
332
|
<tr>
|
333
|
<td bgcolor="white" class="NavBarCell2"><font size="-2">
|
334
|
PREV
|
335
|
NEXT</font></td>
|
336
|
<td bgcolor="white" class="NavBarCell2"><font size="-2">
|
337
|
<a href="index.html" target="_top"><b>FRAMES</b></a>
|
338
|
<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
|
339
|
|
340
|
<script>
|
341
|
<!--
|
342
|
if(window==top) {
|
343
|
document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
|
344
|
}
|
345
|
//-->
|
346
|
</script>
|
347
|
<noscript>
|
348
|
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
|
349
|
</noscript>
|
350
|
</font></td>
|
351
|
</tr>
|
352
|
</table>
|
353
|
<!-- =========== END OF NAVBAR =========== -->
|
354
|
|
355
|
<hr>
|
356
|
<font size="-1">
|
357
|
|
358
|
</font>
|
359
|
<div class="jsdoc_ctime">Documentation generated by <a href="http://jsdoc.sourceforge.net/" target="_parent">JSDoc</a> on Sun Apr 27 20:30:54 2008</div>
|
360
|
</body>
|
361
|
</html>
|