Skip to content

ubatsukh/arcgis-js-api-demos

Repository files navigation

Samples using the ArcGIS API for JavaScript

This repository contains samples using the ArcGIS API for JavaScript in its 3.x and 4.x versions.

You can explore the following samples here:

1. Creating a custom tile layer with TypeScript

This sample was featured in this blog post in a series featuring how to create a custom tile layer with TypeScript.

This sample demonstrates how to create a custom tile layer by applying the multiply blending operation to the ArcGIS World Hillshade and National Geographic World Map services. The multiply blend mode multiplies the values of each pixel of the top layer with the corresponding pixel value of the bottom layer. In this sample, multiplying the hillshade tiles with the National Geographic tiles creates a more detailed representation of the terrain than you see from the default National Geographic basemap.

blendlayer

View the code

View the live sample

2. Client-side projection versus GeometryService projection

This sample was featured in this blog post introducing the client-side projection engine.

This sample demonstrates how to use the client-side projection engine in JavaScript application. It also compares the performance of client-side projection versus the geometryserver projection.

View the code

View the live sample

3. Setting custom ticks and labels for TimeSlider

This sample shows to how set custom ticks and labels for the TimeSlider widget by setting its tickConfigs property. The tickConfigs was added at version 4.16 and opens up endless possibilities to style and set custom ticks and labels for your TimeSlider.

View the code

View the live sample

4. Dev summit 2021 demos

4.a Current wildfires and smoke forecast

The following sample shows how bloom and blur effects are used to create fire maps.

View the code

View the live sample

4.b CSVLayer Demo

The following sample shows how to create and add a time-aware CSVLayer to the map. It also shows how to use TimeSlider widget to animate through temporal data.

View the code

View the live sample

About

ArcGIS API for JavaScript demos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published