Project

General

Profile

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>&nbsp;</td>
29
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
30
  
31

    
32
  <td bgcolor="#FFFFFF" class="NavBarCell1"> 	<font class="NavBarFont1">Class</font>&nbsp;</td>
33
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
34
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
35
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</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
&nbsp;PREV&nbsp;
48
&nbsp;NEXT</font></td>
49
<td bgcolor="white" class="NavBarCell2"><font size="-2">
50
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
51
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
52
&nbsp;&nbsp;
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>&nbsp;</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 &gt;= 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&gt;0 &amp;&amp; LonqRad&lt;0) || (LonpRad&lt;0 &amp;&amp; LonqRad&gt;0)){
247
	            <span class="reserved">if</span>(LonpRad&lt;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&lt;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>&nbsp;</td>
317
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
318
  
319

    
320
  <td bgcolor="#FFFFFF" class="NavBarCell1"> <font class="NavBarFont1">Class</font>&nbsp;</td>
321
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
322
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
323
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</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
&nbsp;PREV&nbsp;
335
&nbsp;NEXT</font></td>
336
<td bgcolor="white" class="NavBarCell2"><font size="-2">
337
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
338
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
339
&nbsp;&nbsp;
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>
(265-265/316)