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; } } }

GraphicsLayer issues

SamirGambhir

Hello,
I am developing an application using ArcGIS Server 10 with JavaScript API. I am running into some issues with displaying GraphicsLayer on the map. I am trying to add a GraphicsLayer based on a query to an existing layer. The query adds the GraphicsLayer on the map and renders it based on the renderer assigned. Once displayed, clicking a features open up an infoWindow to display the query results. I have the following three issues:
1. Once I select the indicator, the layer should show up. But in my case it shows up only when I zoom in or out of the current extent.
2. Option "None" does not remove the layer from the map
3. Option "All" does not show up all the three indicators.
My code is attached as a text file. I'll really appreciate it if somebody can help.
Thanks
Samir

GraphicsLayer.txt.zip

タグ付けされた投稿をもっと見る

Accepted answers

All comments

SamirGambhir

Hi Heming,
Thanks a lot for your help. The code worked really well. I had to make a minor change based on my flow.
Thanks again,
Samir

HemingZhu

Hi Heming,
Please find attached my code in a zip format. It contains three files, *.html, *.css and *.js. The application allows user to select a State in India and then one indicator. Selecting one indicator should render the map and add the graphics. Selecting another variable for the same State should add new rendered graphic and remove the previous one.
Thanks for your help.
Samir

I could not access your map services. So what i modified may or may not work. You will have to debug yourself

WCH_functions.txt.zip

SamirGambhir

Hi Heming,
Please find attached my code in a zip format. It contains three files, *.html, *.css and *.js. The application allows user to select a State in India and then one indicator. Selecting one indicator should render the map and add the graphics. Selecting another variable for the same State should add new rendered graphic and remove the previous one.
Thanks for your help.
Samir

SamirCode.zip

SamirGambhir

Sure, I can do that. let me clean it up a bit. I'll sned it to you soon.
Thanks
Samir

HemingZhu

Hi Heming,
I tested your code to and made some minor changes based on my flow, but the graphics still do not show up. Can I email you my entire code for you to look at? Would you have time to resolve this issue for me? I have spent a lot of time trying to solve this problem.
Thanks
Samir

Could you attach you code and post here?

SamirGambhir

Hi Heming,
I tested your code to and made some minor changes based on my flow, but the graphics still do not show up. Can I email you my entire code for you to look at? Would you have time to resolve this issue for me? I have spent a lot of time trying to solve this problem.
Thanks
Samir

HemingZhu

Hi Heming,
Thanks for your response. I am attaching the entire code for this function which'll give you a complete picture. I understand your point about the code creating new graphics layer each time. That might be the reason that each time I change my indicator, the new graphics layer shows on top of the previous one. I'll appreciate it if you can look at this code and suggest a solution.
Thanks
Samir

I don't know the whole context of code or logic flow. so the changes i made on your code is purely my guess based on your attachment. Hope it will help

GraphicLayer.txt.zip

SamirGambhir

Hi Heming,
Thanks for your response. I am attaching the entire code for this function which'll give you a complete picture. I understand your point about the code creating new graphics layer each time. That might be the reason that each time I change my indicator, the new graphics layer shows on top of the previous one. I'll appreciate it if you can look at this code and suggest a solution.
Thanks
Samir

GraphicLayer code.txt.zip

HemingZhu

Thanks for your help Derek,
It seems like a very simple issue but I am not being able to resolve it. The code below has a problem and I cannot figure it out. Can you please help me iron this out?

function showQueryResults(queryTask1, query1, Indicator){

dojo.connect(queryTask1, "onComplete", function(featureSet) {
     distGraphicsLayer = new esri.layers.GraphicsLayer();
       for (var i=0, il=featureSet.features.length; i<il; i++) {
              var graphic = featureSet.features;
              graphic.setInfoTemplate(infoTemplate);
     distGraphicsLayer.add(graphic);
      } //for

    map.addLayer(distGraphicsLayer);
    distGraphicsLayer.setRenderer(renderer);

    for (j=0; j<distIndicators.length; j++){

     if (distIndicators==Indicator){
       distGraphicsLayer.show();
     }
     else {
      distGraphicsLayer.hide();
     }
    }

Thanks
Samir

A couple of issues. First where is the queryTask1.execute statement ? Secondly everytime you run the queryTask, it will create new graphic layer and add to the map. It is unnecessary. You could just clear the graphics and add the graphcs everytime you run the querytask. By the way dojo.connect(queryTask1, "onComplete", function(featureSet) needs to put outside the function showQueryResults.

SamirGambhir

Thanks for your help Derek,
It seems like a very simple issue but I am not being able to resolve it. The code below has a problem and I cannot figure it out. Can you please help me iron this out?

function showQueryResults(queryTask1, query1, Indicator){

dojo.connect(queryTask1, "onComplete", function(featureSet) {
     distGraphicsLayer = new esri.layers.GraphicsLayer();
       for (var i=0, il=featureSet.features.length; i<il; i++) {
              var graphic = featureSet.features;
              graphic.setInfoTemplate(infoTemplate);
     distGraphicsLayer.add(graphic);
      } //for

    map.addLayer(distGraphicsLayer);
    distGraphicsLayer.setRenderer(renderer);

    for (j=0; j<distIndicators.length; j++){

     if (distIndicators==Indicator){
       distGraphicsLayer.show();
     }
     else {
      distGraphicsLayer.hide();
     }
    }

Thanks
Samir

derekswingley1

Hi Samir,

To show/hide a graphicsLayer, just call the layer's show() or hide() method(which is inherited from esri.layers.Layer). The same applies for a feaureLayer.

SamirGambhir

Hi Derek,
Could you point me to some examples or two on this issue? I tried simplifying my code using FeatureLayer but it did not work. I went back to GraphicsLayer because it was working for me to begin with. If I can look at an example where I can show and hide a GraphicsLayer, it'll be of great help.
Thanks
Samir

derekswingley1

I think you should look into using a feature layer as it can (probably) simplify your code as it can handle a lot of this work for you.

Regarding your specific points...
1. Does that happen in all browsers? Which version of the API are you using?
2. Use show()/hide() to toggle the visibility of the layer rather than actually removing it from the map.
3. Don't repeatedly add/remove your layer. Use show() and hide(). Set your renderer before calling show().

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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