nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

LayerTOC.mxml into ITitleWindow.mxml in custom web application

francescodi_vito

Hi guys
i have developed a custom we application! I have developed a ITitleWindow with method PopUp, so i can call a panel with a button click. Now i would like to insert in tih ITitleWindow a LayerTOC.mxml so i can open and close my services in this panel.
This thing can be done?......in the TitleWindow i have to put in the class Esri:Map and ArcgisDynamic service?
thanks

Vind meer berichten getagd met

Accepted answers

All comments

francescodi_vito

Hi Robert
First to create ITitle Window i worked in different way!I created a new class and then I loaded several individual services in this way. Do you think this script that I wrote in class superpanel

<esri:Map id="myMap">
   <esri:extent>
    <esri:Extent xmin="12.0674850574739" ymin="41.5918637972499" xmax="13.1110231653314" ymax="42.3812560928617">
    <esri:SpatialReference wkid="4326"/> 
     </esri:Extent>
   </esri:extent>
   <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"/>
   <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer" alpha="{layerAlpha.value}"/>
   <esri:ArcGISDynamicMapServiceLayer id="myDynamicService" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Carg_Roma/MapServer" load="myDynamicService.defaultVisibleLayers()" alpha="{layer1.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService1" url="http://193.204.163.134/ArcGIS/rest/services/Roma/DEM/MapServer" load="myDynamicService1.defaultVisibleLayers()" alpha="{layer2.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService2" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Circoscrizioni/MapServer" load="myDynamicService2.defaultVisibleLayers()" alpha="{layer3.value}"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService3" url="http://193.204.163.134/ArcGIS/rest/services/Roma/Sondaggi/MapServer" load="myDynamicService3.defaultVisibleLayers()"/>
      <esri:ArcGISDynamicMapServiceLayer id="myDynamicService4" url="http://193.204.163.134/ArcGIS/rest/services/nuovi_servizi/carta_tecnica/MapServer" load="myDynamicService4.defaultVisibleLayers()" alpha="{layer4.value}"/>
      <esri:GraphicsLayer id="myGraphicsLayer"/>
</esri:Map>

<panel:SuperPanel x="63" y="10" width="221" height="469" backgroundColor="#000000" backgroundAlpha="0.4" headerHeight="20" title="Live Maps" layout="absolute" showControls="true" enableResize="true" fontFamily="Arial" fontWeight="bold" fontSize="12" color="#000000">
   <mx:ComboBox x="10" y="10" width="195" height="15" id="myURL" fontSize="10" color="#FFFFFF">
   <mx:Array>
    <mx:String>Carg Roma</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="25" height="46" width="195" fontSize="10" layer="{myDynamicService}"/>
   <mx:HSlider x="45" y="68" id="layer1" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
   <mx:Image x="10" y="70" source="assets/alpha.png"/>
   <mx:Image x="10" y="158" source="assets/alpha.png"/>
   <mx:Image x="10" y="246" source="assets/alpha.png"/>
   <mx:ComboBox x="10" y="89" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL1">
   <mx:Array>
    <mx:String>Digital Elevation Model</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="104" height="54" width="195" fontSize="10" layer="{myDynamicService1}"/>
   <mx:HSlider x="45" y="156" id="layer2" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
   <mx:ComboBox x="10" y="177" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL2">
   <mx:Array>
    <mx:String>Circoscrizioni</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="192" height="54" width="195" fontSize="10" layer="{myDynamicService2}"/>
   <mx:HSlider x="45" y="244" id="layer3" minimum="0" maximum="1" value="0.3" snapInterval=".01" liveDragging="true"/>
   <mx:ComboBox x="10" y="263" width="195" height="15" color="#FFFFFF" id="myURL3" fontSize="10">
   <mx:Array>
    <mx:String>Sondaggi</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="279" height="78" width="195" layer="{myDynamicService3}" fontSize="10" themeColor="#009DFF"/>
   <mx:Image x="10" y="426" source="assets/alpha.png"/>
   <mx:ComboBox x="10" y="365" width="195" height="15" fontSize="10" color="#FFFFFF" id="myURL4">
   <mx:Array>
    <mx:String>CTR</mx:String>
   </mx:Array>
   </mx:ComboBox>
   <samples:LayerTOC x="10" y="381" width="195" fontSize="10" layer="{myDynamicService4}" height="46"/>
   <mx:HSlider x="45" y="424" id="layer4" minimum="0" maximum="1" value="0" snapInterval=".01" liveDragging="true"/>
</panel:SuperPanel>

That is a panel with a script for resizable. But i would like to use title window.
What do you think?

rscheitlin

Francesco,

I can't say... I have not tried that.

francescodi_vito

Robert but if a id is not expecting in this case i have to use one WMS with more layers. But if i want to put in Title window more layerTOC with one WMS for each is possible?

francescodi_vito

aaah ok 🙂
I understand Robert
Thanks thanks

rscheitlin

Francesco,

If you look at the code it is not expecting an id it wants an actual ArcGISDynamicMapServiceLayer object.

francescodi_vito

Sorry Robert
but in Title Window when i put in "layers" my id of Dynamic Service i have one error

rscheitlin

Francesco,

It is just this simple:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow 
 xmlns="assets.*" 
 xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:esri="http://www.esri.com/2008/ags"
    xmlns:samples="com.esri.ags.samples.*"
 width="320" 
 height="400"
 paddingLeft="10" 
 paddingRight="10" 
 paddingTop="10" 
 paddingBottom="10"
    x="0" 
    y="82" 
    title="Table of Contents" 
    dropShadowEnabled="true"
    dropShadowColor="Black"
    shadowDirection="right"
    shadowDistance="5"
    showCloseButton="true">
 
 <mx:Script>
        <![CDATA[
 
   import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
   import mx.controls.Alert;
   import com.esri.ags.samples.LayerTOC;
   import com.esri.ags.samples.LayerVizRenderer;
   
   import com.esri.ags.layers.Layer;
   import com.esri.ags.Map;    
 
   [Bindable]
            public var layers:ArcGISDynamicMapServiceLayer;
            
            private var _layer:Layer;
    
   //set layer alpha
         private function setLayerAlpha():void
         {
          layers.alpha = slider.value;
         }        
        
         private function sldrDataTipFormatter(value:Number):String 
      { 
       return int(value * 100) + "%"; 
      }
 
  ]]>
    </mx:Script> 
    
    <mx:VBox verticalGap="0" width="100%" paddingLeft="6" paddingRight="6" paddingBottom="3" paddingTop="3">
  <mx:HSlider id="slider" minimum="0" maximum="1" width="100%" change="setLayerAlpha()" 
   dataTipFormatFunction="sldrDataTipFormatter" liveDragging="true" value="{layers.alpha}"/>
 </mx:VBox>           
 
 <samples:LayerTOC id="toc" layer="{layers}" width="280"/>
 
</mx:TitleWindow>

francescodi_vito

ok. So if i want add in the titlewindow a Hslider for trasparency, i have to create in my application a new var for tag alpha?
Thanks

rscheitlin

Francesco,

So when you call this component you pass in the layers var. Like this:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application

    xmlns:mx="http://www.adobe.com/2006/mxml"

    xmlns:esri="http://www.esri.com/2008/ags"

    xmlns:samples="com.*" 
    
    xmlns:local="*" 
    
    layout="absolute">

 <mx:Script>
  <![CDATA[
   import mx.effects.Move;
   import mx.managers.PopUpManager;
   import flash.events.Event;
   
   private var dragPanel:TOCPanel;
   
   private function showDragWindow():void
   {
    //optional display effect
    var move : Move = new Move;
    move.xTo = 100;
    move.yTo = 150;
    if (dragPanel == null)
    {
     dragPanel = TOCPanel( PopUpManager.createPopUp(this, TOCPanel, false) );
     //listen for close event if youve enabled close button
     dragPanel.layers = myDynamicService;
     dragPanel.addEventListener( "close", dragPanel_close );
     PopUpManager.centerPopUp( dragPanel );
     move.play( [dragPanel] );
    }
    else
    {
     PopUpManager.addPopUp(dragPanel,this,false);
     dragPanel.layers = myDynamicService;
     dragPanel.visible = true;
     move.play( [dragPanel] );
    }
   }
   
   private function dragPanel_close(evt:Event):void
   {
    PopUpManager.removePopUp(dragPanel);
   }
  ]]>
 </mx:Script>
 <esri:Map>

        <esri:ArcGISDynamicMapServiceLayer

            id="myDynamicService"

            url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/{myURL.selectedItem}/MapServer"

            load="myDynamicService.defaultVisibleLayers(); showDragWindow();"/>

    </esri:Map>

 <mx:ComboBox id="myURL" selectedIndex="0" horizontalCenter="0">

        <mx:Array>

            <mx:String>Demographics/ESRI_Census_USA</mx:String>

            <mx:String>Demographics/ESRI_Population_World</mx:String>

            <mx:String>Specialty/ESRI_StateCityHighway_USA</mx:String>

            <mx:String>Specialty/ESRI_StatesCitiesRivers_USA</mx:String>

            <mx:String>Specialty/SuperTuesdaySample</mx:String>

            <mx:String>Louisville/LOJIC_LandRecords_Louisville</mx:String>

            <mx:String>Louisville/LOJIC_PublicSafety_Louisville</mx:String>

        </mx:Array>

    </mx:ComboBox>
    <mx:Button click="showDragWindow()" label="Show TOC" left="60"  />
</mx:Application>

francescodi_vito

Thanks Robert, but in the tag layer={layer}, i put in the "id" of my Dynamic Service?

rscheitlin

Francesco,

Here is a example of what you need to do:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow 
 xmlns="assets.*" 
 xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:esri="http://www.esri.com/2008/ags"
    xmlns:samples="com.esri.ags.samples.*"
 width="320" 
 height="400"
 paddingLeft="10" 
 paddingRight="10" 
 paddingTop="10" 
 paddingBottom="10"
    x="0" 
    y="82" 
    title="Table of Contents" 
    dropShadowEnabled="true"
    dropShadowColor="Black"
    shadowDirection="right"
    shadowDistance="5"
    showCloseButton="true">
 
 <mx:Script>
        <![CDATA[
 
   import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
   import mx.controls.Alert;
   import com.esri.ags.samples.LayerTOC;
   import com.esri.ags.samples.LayerVizRenderer;
 
   [Bindable]
            public var layers:ArcGISDynamicMapServiceLayer;
 
  ]]>
    </mx:Script> 
               
 
 <samples:LayerTOC id="toc" layer="{layers}" width="280"/>
 
</mx:TitleWindow>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.