topic Re: Point Buffer Widget customization in ArcGIS Viewer for Flex Questions

Point Buffer Widget customization

RachelS_ — Tue, 10 Jan 2012 21:03:35 GMT

I've adopted the Point Buffer code and wrote a function to calculate the radius distance I want to apply a buffer for, based on some user inputs via combo boxes. Instead of using the input text (textInputBuffer) I want the buffer distance to be defined by my function. Is there a way to switch it so that the ApplyBuffer function reads from my function and not the text input?
Thanks!!

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Tue, 10 Jan 2012 21:14:17 GMT

Rachel,

So right now the applyBuffer function takes the textInputBuffer.text and splits it into an array if the text is a comma separated list for a multi ring buffer operation. So I need to see your code and what you are wanting to use to have an idea of how to advise you from here.

Re: Point Buffer Widget customization

RachelS_ — Tue, 10 Jan 2012 21:30:24 GMT

Right, I am not interested in multi ringed operations. There are a few dropdowns plus a text input where users select wind turbine variables, and the inputs determine the calculated fall zone.
I've defined some variables under the functions 'public function getHeight()', 'public function getDiameter()', and 'public function calculateBtn_clickHandler.' The actual calculation occurs in this last function. Code is attached, still kinda rough.

many thanks - Rachel

Re: Point Buffer Widget customization

RachelS_ — Tue, 10 Jan 2012 21:31:51 GMT

code attached.....

Re: Point Buffer Widget customization

RachelS_ — Tue, 10 Jan 2012 21:35:22 GMT

seems I'm having an issue attaching code. so be it, below are the functions

   public function getHeight():void
   {
    if (surfaceLevRB.selected == true)
    {
     if (towerCombo.selectedItem == "65 m")
     {
      towerHeight = 65;
     }
     if (towerCombo.selectedItem == "80 m")
     {
      towerHeight = 80;
     }
     if (towerCombo.selectedItem == "100 m")
     {
      towerHeight = 80;
     }
    }
    else
    {
     towerHeight = parseInt(towerText.text);
    }
   }

   public function getDiameter():void
   {
    if (surfaceLevRB.selected == true)
    {
     if (rotorCombo.selectedItem == "70 m")
     {
      rotorDiam = 70;
     }
     if (rotorCombo.selectedItem == "77 m")
     {
      rotorDiam = 77;
     }
    }
    else
    {
     rotorDiam = parseInt(rotorText.text);
    }

   }

   //Calculate turbine fall zone
   public function calculateBtn_clickHandler(event:MouseEvent):void
   {

    if (surfaceLevRB.selected == true)
    {
     rotorDiam = parseInt(rotorCombo.selectedLabel);
     towerHeight = parseInt(towerCombo.selectedLabel);
    }
    if (allLevRB.selected == true)
    {
     rotorDiam = parseInt(rotorText.text);
     towerHeight = parseInt(towerText.text);
    }
    if (safetyMult.text == "")
    {
     safezone = 1
    }
    else
    {
     safezone = parseInt(safetyMult.text);
    }

    fallzone = Math.floor((towerHeight + (rotorDiam/2))* safezone);
    Alert.show("Radius (m): " + fallzone.toString());
   }


]]>
</fx:Script>
<viewer:WidgetTemplate id="wTemplate" width="400" height="310">
<s:Scroller width="100%" height="100%">
   <s:VGroup width="100%" gap="6">
    <s:HGroup id="boxMessage"
        width="100%"
        includeInLayout="{msgVisible}"
        visible="{msgVisible}" horizontalAlign="center">
     <mx:Image id="swfMessage"
         source="assets/images/loader.swf"
         visible="false"/>
     <s:Label id="txtMessage"
        width="90%"
        text=""/>
    </s:HGroup>
    <s:Label text="Turbine specifications" textDecoration="underline" paddingLeft="5" fontWeight="bold"/>
    
    <s:VGroup width="100%" >
     
     <s:HGroup height="100%" paddingBottom="3" width="100%">
      <s:RadioButton
       id="surfaceLevRB" label="Select from menus"
       selected="true" />
      <mx:Spacer width="5" height="100%"/>
      <s:RadioButton label="{allLevRBLabel}"
            id="allLevRB" />
      <mx:Spacer height="100%" width="20"/>
     </s:HGroup>
    </s:VGroup>

    <s:VGroup >
     <s:HGroup>
      <mx:Spacer width="15" />
      <s:VGroup>
       <s:Label text="Hub height (m)" visible="{surfaceLevRB.selected}" />
       <mx:ComboBox
        id="towerCombo" prompt=" "
        visible="{surfaceLevRB.selected}" enabled="{surfaceLevRB.selected}"
        dataProvider="{towerList}" width="75" />
      </s:VGroup>
      <mx:Spacer width="15" />
      <s:VGroup>
       <s:Label text="Rotor diameter (m)" visible="{surfaceLevRB.selected}" />
       <mx:ComboBox
        id="rotorCombo" prompt=" "
        visible="{surfaceLevRB.selected}" enabled="{surfaceLevRB.selected}"
        dataProvider="{rotorList}" width="75" />
      </s:VGroup>

     </s:HGroup>
    </s:VGroup>

    <s:VGroup paddingTop="-50" >
     <s:HGroup visible="{allLevRB.selected}" >
      <s:Label text="Rotor diameter (m): " visible="{allLevRB.selected}" paddingTop="5" />
      <mx:TextInput id="rotorText" width="50" />
     </s:HGroup>
     <s:HGroup visible="{allLevRB.selected}" >
      <s:Label text="Hub height (m): " visible="{allLevRB.selected}" paddingTop="5" />
      <mx:TextInput id="towerText" width="50" />
     </s:HGroup>
     <s:HGroup >
      <s:Label text="Safety factor: " paddingTop="5" paddingLeft="20" />
      <mx:TextInput id="safetyMult" width="40" restrict="1-5"    />
     </s:HGroup>
    </s:VGroup>

    <s:Label text="Locate turbine" fontWeight="bold" textDecoration="underline" paddingTop="10" />
    <s:HGroup id="imageGroup" horizontalAlign="left" width="100%" > 
     <mx:Image name="{DrawTool.MAPPOINT}"
         buttonMode="true"
         click="{activateDrawTool(event)}"
         rollOut="iconRollOutHandler(event)"
         rollOver="iconRollOverHandler(event)"
         source="assets/images/winds-25.png"
         toolTip="{pointLabel}"
         useHandCursor="true"/>
     <mx:Spacer width="10" />

     <mx:Spacer width="10" />
     <s:Label id="coordinatesRequiredFieldsLabel"
        buttonMode="true"
        click="clear()"
        fontWeight="bold"
        text="{clearLabel}"
        textDecoration="underline"
        verticalAlign="middle"/>
     <mx:Button id="calculateBtn"
          icon="@Embed(source='assets/images/Gear.png')"
          click="calculateBtn_clickHandler(event)" />
    </s:HGroup>
    <s:HGroup width="100%"
        horizontalAlign="right"
        paddingRight="10"
        paddingTop="2">

    </s:HGroup>
    <s:HGroup width="100%" height="29" horizontalAlign="left" >
     <s:TextInput id="textInputBuffer" text="5" width="100" />
     <s:DropDownList id="cboBufferUnit" x="130" width="175" prompt="{unitPrompt}" change="{(null);checkDrawNumGras(null);checkPntNumGras(null);clearMessage();}"/>
    </s:HGroup>
    <s:HGroup width="100%" horizontalAlign="left" verticalAlign="middle">
     
     <mx:Image id="ApplyBufferBtn"
         width="30" height="30"
         click="applyBuffer()"
         source="assets/images/i_target.png"/>
     <mx:Image id="ClearBufferBtn"
         width="40" height="40"
         click="clearBuffer()"
         source="assets/images/i_clear.png"
         toolTip="{clearLabel}"/>
    </s:HGroup>
   </s:VGroup>
</s:Scroller>
</viewer:WidgetTemplate>
</viewer:BaseWidget>

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Sat, 11 Dec 2021 15:24:16 GMT

Rachel,

So it would look like this then:

            //Calculate turbine fall zone
            public function calculateBtn_clickHandler(event:MouseEvent):void
            {
                if (surfaceLevRB.selected == true){
                    rotorDiam = parseInt(rotorCombo.selectedLabel);
                    towerHeight = parseInt(towerCombo.selectedLabel);
                }
                if (allLevRB.selected == true){
                    rotorDiam = parseInt(rotorText.text);
                    towerHeight = parseInt(towerText.text);
                }
                if (safetyMult.text == ""){
                    safezone = 1
                }else{
                    safezone = parseInt(safetyMult.text);
                }
                fallzone = Math.floor((towerHeight + (rotorDiam/2))* safezone);
                Alert.show("Radius (m): " + fallzone.toString());
                applyBuffer(fallzone);
            }

            private function applyBuffer(fallzone:Number):void
            {
                var graLayAC:ArrayCollection = graphicsLayer.graphicProvider as ArrayCollection;
                if (graLayAC.length > 0) 
                {
                    geomArr = [];
                    for each (var graphic:Graphic in graphicsLayer.graphicProvider)
                    {
                        geomArr.push(graphic.geometry);
                    }
                    var buffUnit:Number = GeometryService[configBufferUnits[cboBufferUnit.selectedIndex].name];
                    bufferGeometries(geomArr,sReff,[fallzone],buffUnit);
                } else {
                    showMessage("There is no result to buffer, please make a graphical or text search first.",false, true);
                }
            }

Re: Point Buffer Widget customization

RachelS_ — Wed, 11 Jan 2012 12:50:22 GMT

Great! I modified click="applyBuffer(fallzone)" and it worked.
Is there a way to set Meters as the automatic unit to create a buffer without providing a user input? Can one simply set configBufferUnits[cboBufferUnit.selectedIndex].name once in the script? Many Thanks.

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Wed, 11 Jan 2012 13:05:45 GMT

Rachel,

Sure just put

cboBufferUnit.selectedIndex = 2;

at the end of the init function.

Don't forget to click the top arrow (promote) and to click the Mark as answer check as shown below:

Re: Point Buffer Widget customization

EricPollard2 — Fri, 13 Jan 2012 14:22:10 GMT

This seems to be a different topic than my specific question, but I too am trying to use the "Buffer Point" function. I am trying to use it in much the same way the sample works in the Javascript API samples area on the resource center (http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/util_buffer.html). I am hoping to be able to have the user click on a newly created 'Buffer' button, then click on the map in any location, and the ring graphic will appear, having buffered the point by my specified distances (set in the array).

I have downloaded the 'basic viewer' web app from ArcGIS Online (javascript) and am tweaking it with my limited knowledge of programming. I have used the "print" button section of the code to convert to this function, changed the png/title/label etc for it and made it a "toggleButton" so that it can be toggled much the same way the 'Measure' tool is toggled. I have also changed the array to the three distances I want to buffer by. The button now looks right, and can be clicked on and off. From here I am lost. I need to somehow link the button to the buffering function and function to show the buffer graphics (from the sample). In the sample, it seems to call up a new map when it is initialized, but I need for the arcgis map that my app is based on to stay in the map frame, and be able to be panned/zoomed/etc before and after the buffer is created by the user. I am also hoping to have the 'toggleButton' essentially switch on and off the buffering "ability" of the application.

To make this more simple, if anyone can show me how to essentially add the 'buffer point' sample from the sample area in the Resource Center API help (link above) to a standard web app downloaded from ArcGIS Online (in javascript), then I can probably figure out how to insert it in my app specifically.

Thank you so much to anyone who can help!! Been struggling with this for many hours.
-Eric

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Fri, 13 Jan 2012 14:30:17 GMT

Eric,

Your big issue is that you are posting a JavaScript question the the FLEX Viewer forum. Flex and JavaScript are two different languages. You will have better luck waiting for a response to the post you made in the JavaScript forum. Cross posting to a forum that is not specific to your language is frowned on.

Re: Point Buffer Widget customization

RachelS_ — Thu, 19 Jan 2012 20:59:19 GMT

Rob, is there a way to get the coordinates of the point that is added? Does that require a geometry service?
Thanks, Rachel

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Thu, 19 Jan 2012 21:20:10 GMT

Rachel, You can get the coordinates from the point without using a geometry service as long as you are not wanting the coordinates in a different spatial reference than the map is in. Of course that will require code writing.

Re: Point Buffer Widget customization

KatherineMiga — Wed, 30 May 2012 11:35:18 GMT

Hi Robert,

I am having one problem with the Point Buffer widget. If I draw a buffer, use the buffer in Enhanced Search to complete a search, then close Enhanced Search, the Point Buffer widget is "broken." I have to close the webservice and clear my cache to be able to use the Point Buffer widget again. Have you seen this problem before?

Thanks for you help!

Katie

Re: Point Buffer Widget customization

RobertScheitlin__GISP — Sat, 02 Jun 2012 13:34:29 GMT

Katie,

There is an issue in the eSearch widget that I will have fixed in the next release to address the issue you are reporting. Thanks for reporting this issue.

Re: Point Buffer Widget customization

KatherineMiga — Tue, 05 Jun 2012 11:22:18 GMT

Great, thank you!