topic Re: How to change feature layer style using its parameters in ArcGIS JavaScript Maps SDK Questions

How to change feature layer style using its parameters

SabbiuShah — Sat, 19 Nov 2016 18:55:11 GMT

This is the code that I have written till now.

require([
   "esri/Map",
   "esri/views/MapView",
   "esri/layers/MapImageLayer",
   "esri/renderers/SimpleRenderer",
   "esri/symbols/SimpleFillSymbol",
   "dojo/domReady!"
],
function(
   Map, MapView, MapImageLayer, SimpleRenderer, SimpleFillSymbol
) {

   var permitsLyr = new MapImageLayer({
   url: "http://apps.geoportal.icimod.org/ArcGIS/rest/services/Nepal/District/MapServer",
   sublayers: [
   {
      id: 1,
      visible: true,
   },
   {
      id: 0,
      visible: true,
   }
   ],

});

/*****************************************************************
* Add the layer to a map
*****************************************************************/
var map = new Map({
// basemap: "dark-gray",
layers: [permitsLyr]
});

var view = new MapView({
container: "viewDiv",
map: map
});

/*****************************************************************
* Animate to the layer's full extent when the layer loads.
*****************************************************************/
permitsLyr.then(function() {
view.goTo(permitsLyr.fullExtent);
});
});

Now, I would like to change default renderer given in the District - Nepal/District as

Drawing Info:

Renderer:

Simple Renderer:

Symbol:

Simple Fill Symbol:

Style: esriSFSSolid, Color: [Undefined]

Outline:

Simple Line Symbol:

Style: esriSLSSolid, Color: [78, 78, 78, 255], Width: 1

Description:

Labeling Info: N/A

How do I change the default color and style for it? Also, using its attribute "DIST_CODE", I also want to apply different color for different polygons.

I am new to this field. So, help me out.

Re: How to change feature layer style using its parameters

SarojThapa1 — Sun, 20 Nov 2016 00:03:13 GMT

Sabbiu,

Try this code. Why are you using MapImageLayer instead of FeatureLayer?

permitsLyr.setRenderer(new SimpleRenderer(new SimpleLineSymbol(

SimpleLineSymbol.STYLE_SOLID,

new Color([(0,128,0, 1]),

)

);

Re: How to change feature layer style using its parameters

SabbiuShah — Sun, 20 Nov 2016 02:26:42 GMT

Actually, I am new to this field. I found few examples on MapImageLayer. Hence, I went with that.

Also, I am trying to make a "Density Map Chart" with my own data, but taking the region information from above url. Will you please guide me to the right direction?

Re: How to change feature layer style using its parameters

SarojThapa1 — Sun, 20 Nov 2016 03:01:14 GMT

Try the above codes in your MapImageLayer and see if the colors change or not.

Re: How to change feature layer style using its parameters

SabbiuShah — Sun, 20 Nov 2016 09:26:22 GMT

it says, setRenderer is not defined..

Here's my code.. GitHub - sabbiu/nepal_map

Re: How to change feature layer style using its parameters

SabbiuShah — Sun, 20 Nov 2016 16:16:33 GMT

With few modifications, I am now able to add color. Thanks

GitHub - sabbiu/nepal_map

Now I have a question that, "Using different attribute values from the mentioned MapServer, how do I put different color for different regions?"

Re: How to change feature layer style using its parameters

SarojThapa1 — Sun, 20 Nov 2016 18:12:38 GMT

Use UniqueValueRenderer in a very similar way. This sample should help you.

Unique Value Renderer

Re: How to change feature layer style using its parameters

SabbiuShah — Mon, 21 Nov 2016 06:56:31 GMT

Thanks! I'll look into it. Now, I would like to know about, "How can I tweak labeling information?"

In the mapserver, it is given as,

Labeling Info:

Label Placement: esriServerPolygonPlacementAlwaysHorizontal

Label Expression: [DIST_NAME]

Use Coded Values: True

Symbol:

Simple Text Symbol:

Type: esriTS

Color:0, 0, 0, 255

Background Color: null

Border Line Color: null

Vertical Alignment: bottom

Horizontal Alignment: center

Right To Left: False

Angle: 0

XOffset: 0

YOffset: 0

Font Family: Arial

Font Size: 8

Font Style: normal

Font Weight: bold

Font Decoration: none

Max. Scale: 0

For now I'm not even able to show the labels.

I tried this. But, it didn't work.

var featureLayer = new FeatureLayer({
   url: "http://apps.geoportal.icimod.org/ArcGIS/rest/services/Nepal/District/MapServer",
   renderer: new SimpleRenderer({
      symbol: new SimpleFillSymbol({
         style: SimpleFillSymbol.STYLE_SOLID,
         color: new Color([0,128,0, 0.5]),
         outline: new SimpleLineSymbol({
            style: SimpleLineSymbol.STYLE_SOLID,
            color: new Color([128,0,0,1]),
            width: 2
         })
      })
   }),
   labelsVisible: true,
   labelingInfo: [{
      labelExpression: "[DIST_NAME]",
      labelPlacement: "always-horizontal",
      symbol: new TextSymbol({
         color: [255, 255, 255, 0.7],
         // haloColor: [0, 0, 0, 0.7],
         // haloSize: 1,
         font: {
            size: 11
         }
      }),
      minScale: 9250000,
      maxScale: 2400000
     }],
   id: 'nam',
   opacity: 1,
   visible: true,
   layerId: 1,
});

When I try working with this,

It shows me error as,

"SceneView.js:1671 Uncaught (in promise) TypeError: f.labelClass.getLabelExpression is not a function(…)"

How do I solve this?

Re: How to change feature layer style using its parameters

SabbiuShah — Mon, 21 Nov 2016 09:40:48 GMT

Everything worked till now.

Now I would like to know, "What do I need to see for showing the name of the district (which is stored in one attribute in the given MapServer) above the district region?

Re: How to change feature layer style using its parameters

FC_Basson — Mon, 21 Nov 2016 10:54:21 GMT

You should post your new question under a new topic. For labelling have a look at LabelLayer | API Reference | ArcGIS API for JavaScript 3.18

Re: How to change feature layer style using its parameters

SarojThapa1 — Mon, 21 Nov 2016 14:52:13 GMT

Have a look at this sample. Labeling features on the client | ArcGIS API for JavaScript 3.18

I usually label the features before publishing the maps in the ArcGIS Server. That way I can call all the maps along with labels using ArcGISDynamicMapServiceLayer module.

Re: How to change feature layer style using its parameters

SabbiuShah — Mon, 21 Nov 2016 15:15:21 GMT

In case of ArcGIS API for JavaScript 4.1 what do I need to look into? It says that, it supports only for sceneview ..

Yeah, in the mapserver it already have the labeling information, but it is not showing on my side. So, I thought I shall label it myself.

Re: How to change feature layer style using its parameters

SabbiuShah — Mon, 21 Nov 2016 15:33:47 GMT

Yeah.

Actually, the discussion with Saroj was helpful. So, I asked everything in the same. I shall later edit the title and publish my codes accordingly.

Thanks for your concern

Re: How to change feature layer style using its parameters

SarojThapa1 — Mon, 21 Nov 2016 15:55:14 GMT

Glad I could help you.

Re: How to change feature layer style using its parameters

SarojThapa1 — Mon, 21 Nov 2016 15:58:22 GMT

You can label it yourself programmatically. I use ArcGIS API 3.18 because I work with 2D maps and I need Editing functionalities that are fully supported by version 3.18. I am not sure about 4.1 as far as labeling programatically is concerned. But I would guess the codes should be very similar in 3.18 and 4.11.

Re: How to change feature layer style using its parameters

SabbiuShah — Wed, 23 Nov 2016 05:55:00 GMT

Okay! I will look into it.

What are the steps to create MapServer in our own server? What kind of data do I need to have?