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

How to show data by giving date.

irtizahussain

How can we highlight the points features of our services by giving the specified period of time(from, to) let's say we are using arcgis api 4.10 where we have different map server services and init field (installed_date) is placed inside every service and we want to call/see any point feature by giving installed date, let's say we have to search for the point features(e.g clients) that are deployed on this particular date for example(from 24-06-2019 to 26-06-2019). How can i do this, any running sample/example would be more helpful.

Thanks.

Find more posts tagged with

Accepted answers

kenbuja

The TimeSlider dijit from 3.x hasn't been added to 4.x yet, but here is a sample showing one way to visualize data by time: Animate color visual variable | ArcGIS API for JavaScript 4.11

All comments

kenbuja

The TimeSlider dijit from 3.x hasn't been added to 4.x yet, but here is a sample showing one way to visualize data by time: Animate color visual variable | ArcGIS API for JavaScript 4.11

irtizahussain

Ken.

In this Animate color visual variable | ArcGIS API for JavaScript 4.11 Portal id is used in it where i'am using web server service as url !!

kenbuja

That sample also works using this code, using the feature service url from the web map.

<SPAN class="keyword token">var</SPAN> layer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
  url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/NYC_Footprints_fgdb/FeatureServer/0"</SPAN><SPAN class="punctuation token">,</SPAN>
  definitionExpression<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"CNSTRCT_YR > 0"</SPAN><SPAN class="punctuation token">,</SPAN>
  title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Building Footprints"</SPAN><SPAN class="punctuation token">,</SPAN>
  minScale<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">72223.819286</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

irtizahussain

And how can i replace this id with basemap name ..!

var map = new Map({
basemap: {
portalItem: {
id: "4f2e99ba65e34bb8af49733d9778fb8e"
}
},
layers: [layer]
});

kenbuja

You can use any one of the standard basemaps available.

SaschaBrunnerCH

TimeSlider is supported with 4.12:
https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-TimeSlider.html

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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