ESRI : BRUSH UP

TYPES OF BASE MAPS 

For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd

 BaseMap: 

1. "topo",  
2. streets,
3. satellite
4. hybrid
5. terrain
6. topo,
7. gray
8. dark-gray
9. oceans
10. national-geographic
11. osm
12. dark-gray-vector
13. gray-vector
14. streets-vector
15. topo-vector
16. streets-night-vector,
17. streets-relief-vector
18. streets-navigation-vector 

MAP

Basemap gallery

Basemap Toggle

Create a map

Customize navigation animation

Edit bookmarks

Home Button

LayerList widget

LayerSwipe widget

Legend

Locate Button

Measurement Widget

OpenStreetMap layer

Overview map

Scalebar

BASEMAP GALLERY WIDGET

Use the BasemapGallery widget to select a map's basemap.

https://developers.arcgis.com/javascript/3/jssamples/widget_basemap.html

https://developers.arcgis.com/javascript/3/samples/widget_basemap/

LAYER LIST

https://developers.arcgis.com/javascript/3/jssamples/widget_layerlist_basic.html
https://developers.arcgis.com/javascript/3/samples/widget_layerlist_basic/

LEGEND WIDGET

https://developers.arcgis.com/javascript/3/jssamples/widget_legend.html
https://developers.arcgis.com/javascript/3/samples/widget_legend/

BASEMAP  WIDGET

BOOKMARK  WIDGET

The Bookmark widget can be configured to allow users to create, update and delete bookmarks.

https://developers.arcgis.com/javascript/3/jssamples/widget_bookmarks_editable.html

Live Demo : https://developers.arcgis.com/javascript/3/samples/widget_bookmarks_editable/



__________________________________________________________________________

POPUPS AND INFO WINDOWS 

CUSTOM INFO WINDOW 

FORMAT INFO WINDOW CONTENT 

GEO PROCESSING TOOL IN THE LINK UP 

https://developers.arcgis.com/javascript/3/jssamples/gp_popuplink.html

https://developers.arcgis.com/javascript/3/samples/gp_popuplink/

MOBILE POP UP  

 POP UP  

https://developers.arcgis.com/javascript/3/jssamples/popup_chart.html

https://developers.arcgis.com/javascript/3/samples/popup_chart/

POP UP  CONTENT IN SIDE PANEL

POPUP WITH RELATED FIELDS

__________________________________________________________________________

IMAGE LAYER 

IMAGE SERVICE LAYER 

https://developers.arcgis.com/javascript/3/samples/image_simpleimageservice/

https://developers.arcgis.com/javascript/3/jssamples/image_simpleimageservice.html

IMAGE SERVICE VECTOR LAYER 

https://developers.arcgis.com/javascript/3/jssamples/layers_imageservicevector.html

https://developers.arcgis.com/javascript/3/samples/layers_imageservicevector/

RASTER  LAYER SLIDER 

https://developers.arcgis.com/javascript/3/jssamples/layers_raster.html

https://developers.arcgis.com/javascript/3/samples/layers_raster/

__________________________________________________________________________

GRAPHICS WIDGET

You can use a Draw toolbar to sketch shapes on a map.

SKETCH GEOMETRY ON  MAP

https://developers.arcgis.com/javascript/3/jssamples/graphics_add.html
https://developers.arcgis.com/javascript/3/samples/graphics_add/


CREATING CIRCLE ON  MAP 

https://developers.arcgis.com/javascript/3/jssamples/graphics_create_circles.html



DISPLAY/ADDING CONTEXT MENU

https://developers.arcgis.com/javascript/3/jssamples/graphics_contextmenu.html
https://developers.arcgis.com/javascript/3/samples/graphics_contextmenu/

 POINT CLUSTERING 

https://developers.arcgis.com/javascript/3/jssamples/layers_point_clustering.html
https://developers.arcgis.com/javascript/3/samples/layers_point_clustering/


UNDO REDO MANAGER

https://developers.arcgis.com/javascript/3/jssamples/graphics_undoredo.html
https://developers.arcgis.com/javascript/3/samples/graphics_undoredo/


https://developers.arcgis.com/javascript/3/jssamples/layers_point_clustering.html


__________________________________________________________________________

IMAGE LAYER 

IMAGE SERVICE LAYER 

IMAGE SERVICE VECTOR LAYER 

RASTER  LAYER SLIDER 

____________________________________________________________________________________________________________

FEATURE LAYER 

ANY PROJECTION 

https://developers.arcgis.com/javascript/3/samples/fl_any_projection/

CSV

https://developers.arcgis.com/javascript/3/jssamples/layers_csv.html

 DISPLAY MORE DATA WITH FEATURE LAYER 

FEATURE COLLECTION 

 FEATURE LAYER(BASIC) 

GEO RSS

 KML 

KML WITH BUFFER

LABELING FEATURE ON A CLIENT 

NO BASEMAP

ON DEMAND MODE

 REQUEST LAYER INFO

 SELECT FEATURES WITHIN TWO MINUTES DRIVE TIME

STREAM LAYER

  TABLE  SOURCE FROM ARCGIS SERVER

  WCS LAYER WITH PIXEL FILTER 

 WFS LAYER

___________________________________________________

DIRECTIONS AND ROUTING

 SERVICE AREA TASK WIDGET

https://developers.arcgis.com/javascript/3/jssamples/routetask_basic_servicearea.html
https://developers.arcgis.com/javascript/3/samples/routetask_basic_servicearea/

  DIRECTION WIDGET

The Directions widget makes it easy to calculate directions between two or more input locations. 

DEMO :https://developers.arcgis.com/javascript/3/jssamples/widget_directions_basic.html

 CLOSEST FACILITY  TASK 

This sample demonstrates how to work with ClosestFacilityTask. The ClosestFacilityTask is used to find the closest facilities around an input location. The ClosestFacilityParameters object is used to define how many facilities to find and various other properties such as travel direction and cutoff

https://developers.arcgis.com/javascript/3/samples/routetask_closest_facility/

 WORLD TRAFFIC  TASK

 This sample demonstrates how to display near real-time traffic information for different regions in the world on a map. The data is updated every 5 minutes. This map service requires an ArcGIS Online organizational subscription.

The color coded traffic map layer can be used to represent relative traffic speeds; this is a common type of a map for online services and is used to provide context for routing, navigation and field operations. The color coded map leverages historic, real time and predictive traffic data. A color coded traffic map can be requested for the current time and any time in the future. A map for a future request might be used for planning purposes.

https://developers.arcgis.com/javascript/3/jssamples/ags_traffic.html

__________________________________________________________________________

_____________________________________________________
POPUP AND INFO WINDOWS

__________________________________________________
DYNAMIC LAYERS

Add two dynamic map services to a map and use the setInfoTemplates method to specify what information should be shown when a feature from a map service is clicked.

 https://developers.arcgis.com/javascript/3/jssamples/map_twodynamic.html

DEMO :https://developers.arcgis.com/javascript/3/samples/map_twodynamic/

https://developers.arcgis.com/javascript/3/jssamples/renderer_dynamic_layer_change_attribute.html

__________________________________________________
QUERY AND SELECT

Feature layer hover

Feature Table - Custom Menu Items

Feature Table - Formatting

Feature Table - related records

Manage results from multiple queries

Query data without a map

Query Statistics with SQL Expression

Select with Feature Layer

Using FeatureTable

Using FeatureTable (no map)

__________________________________________________________________________

SEARCH  WIDGET

Search widget is used for searchin places on map

https://developers.arcgis.com/javascript/3/jssamples/search_basic.html

________________________________________________________________________________






































TODO

Samples Overview

 Latest Samples

 Analysis

 Data Reviewer

 Directions and Routing

 Dynamic Layers

 Editing

 Feature Layers

 Feature Table

 Graphics

 HTML5

 Image Layers

 Map

 Mobile

 Online and Portal

 Popups and Info Windows

 Printing

 Query and Select

 Renderers, Symbols, Visualization

 Search

 Tiled Layers

 Time

___________________________________________________

ArcGIS :STARTING POINT

https://developers.arcgis.com/javascript/

https://developers.arcgis.com/javascript/3/jshelp/intro_firstmap_amd.html


ArcGIS :CORE CONCEPTS : DOCUMENTATION LINK


https://developers.arcgis.com/documentation/core-concepts/what-is-arcgis/

ArcGIS api with JavaScript

https://developers.arcgis.com/javascript/
https://developers.arcgis.com/javascript/3/jssamples/analysis_connectoriginstodestinations.html

ArcGIS api with Python

https://developers.arcgis.com/python/guide/install-and-set-up/

ArcGIS API : Technical support

https://support.esri.com/en/other-resources/gis-dictionary/term/map%20document


Examples

https://developers.arcgis.com/javascript/3/jssamples/analysis_connectoriginstodestinations.html



Create DIV


1.Add  references

title>

 rel="stylesheet" href="https://js.arcgis.com/3.24/esri/css/esri.css">

2.style themes
https://js.arcgis.com/3.24/dijit/themes/claro/claro.css https://js.arcgis.com/3.24/dijit/themes/tundra/tundra.css https://js.arcgis.com/3.24/dijit/themes/nihilo/nihilo.css https://js.arcgis.com/3.24/dijit/themes/soria/soria.css

3. Load modules
 require(["esri/map"], function(Map) { ... });

4.Ensure DOM is available

  require(["esri/map", "dojo/domReady!"], function(Map) {
    // code to create the map and add a basemap will go here
  });

5.Create Map

var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
  map = new Map("map", {
    basemap: "topo"|"satellite"|"hybrid"|"topo"|"gray"|"oceans"|

              "osm",|"national -geographic"
    center: [-122.45, 37.75],
    zoom: 13
  });
});

6.Create Map

require([
  "esri/map",
  "esri/arcgis/utils",
  "dojo/domReady!"
  ], function(Map, arcgisUtils){
  arcgisUtils.createMap(<<Web Map Id>>, "mapDiv").then(function (response) {
      map = response.map;
  });
});

Creating Map involves :