Dear GeoExt Users,<br><br>I have a map using the ExtJS and GeoExtJS libraries which also incorporate the Measure Length and Area UX tools. Things are going pretty good, except that when these measuring tools are used, they create extra nodes in my tree. The nodes that get created are OpenLayers.Handler.Polygon for the Area tool and OpenLayers.Handler.Path for the length tool. Not only are these unwanted nodes for me, but these nodes also seem to have some impact on my nodes iconCls, as the icon I have set for them change back to default when these new nodes are added. I am adding some code here which I think may be relevant, but if it is not enough to explain what I am doing, I can gladly provide more :)<br>
<br> <body onload=""><br><br> <script src="./ext-3.3.0/adapter/ext/ext-base.js" type="text/javascript"></script><br> <script src="./ext-3.3.0/ext-all.js" type="text/javascript"></script><br>
<script src="./GeoExt/lib/GeoExt.js" type="text/javascript"></script><br> <script src="./GeoExt/ux/widgets/MousePositionItem.js" type="text/javascript"></script><br>
<script src="./GeoExt/lib/GeoExt.ux/Measure.js" type="text/javascript"></script><br> <script src="./GeoExt/lib/GeoExt.ux/MeasureArea.js" type="text/javascript"></script><br>
<script src="./GeoExt/lib/GeoExt.ux/MeasureLength.js" type="text/javascript"></script><br><br><script type="text/javascript"><br><br> //Default blank image needed for some ExtJS widgets/if no image is found...<br>
Ext.BLANK_IMAGE_URL = "./ext-3.2.1/resources/images/default/s.gif";<br><br> var layerRoot;<br> <br> Ext.onReady(function() {<br> <br> // required for tooltips<br>
Ext.QuickTips.init(); <br><br> //Map properties<br> var options = {<br> controls: [new OpenLayers.Control.Navigation()], //Needed to use GeoExt controls such as the zoomslider<br>
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),<br> units: 'm',<br> allOverlays: false //Do not display all layers on load<br>
}<br><br> var map = new OpenLayers.Map(options);<br><br> //Control for measuring the length between two points<br> var measureLength = new GeoExt.ux.MeasureLength({<br> map: map,<br>
controlOptions: {<br> geodesic: true<br> },<br> toggleGroup: 'tools'<br> });<br><br> //Control for measuring the area between three or more points<br>
var measureArea = new GeoExt.ux.MeasureArea({<br> map: map,<br> decimals: 0,<br> toggleGroup: 'tools'<br> }); <br> <br> var mapPanel = new GeoExt.MapPanel({<br>
title: "Map",<br> map: map,<br> id: 'mapPanel',<br> layerStore: map.layers,<br> //Set the map to be centered at specified longitude/latitude, transform our layers (SRID=4326) to display properly on Google<br>
//base layers (SRID=900913) <br> center: new OpenLayers.LonLat(93.9, 29.53).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")),<br>
zoom: 8, <br> region: "center",<br> tbar: [measureLength, '-', measureArea, '-'],<br> bbar: [<br> {<br> xtype: "label",<br>
text: "Scale = 1 : " <br> }<br><br> ],<br> items: [{<br> xtype: "gx_zoomslider",<br> vertical: true,<br>
height: 300,<br> aggressive: true,<br> x: 10,<br> y: 20,<br> plugins: new GeoExt.ZoomSliderTip()<br> }]<br> });<br>
<br>//Here is a function I made to change the node icon of the leaf nodes<br>function childrenIcons(parent, layerRoot){<br> for(var c = 0; c < layerRoot.getOwnerTree().getNodeById(<a href="http://parent.id">parent.id</a>).childNodes.length; c++){<br>
layerRoot.getOwnerTree().getNodeById(<a href="http://parent.id">parent.id</a>).childNodes[c].eachChild(function(node) { <br> if (node.isLeaf()) { <br> node.setIconCls(node.text);<br>
}//end if <br> });//end eachChild<br> }//end for<br>}//end childrenIcons<br><br>I appreciate your time and consideration concerning this matter.<br><br>Thank you,<br><br>elshae<br> <br><br>