ArcGIS Maps SDK for JavaScript samples (beta)

This repository contains code samples and templates for coding with the ArcGIS Maps SDK for JavaScript.

If you are looking for the ArcGIS Maps SDK for JavaScript core package, it is available on npm.

How to use this repository

This repository is organized as a monorepo.

Download directories

A single template of a component package

Each component package template provides a direct link to download the template's directory as a zip file. Once the file has been unzipped, you can install your dependencies with yarn or npm, and then run the development server.

All templates of a component package

You can download all the templates for a specific component package if you'd like to test a component package in different frontends.

E.g., the README of ./packages/map-components has a link to download a download all map component templates as a ZIP file

In this case, you would need to cd into each template and then install your dependencies.

Clone this repository

This monorepo was built using yarn workspaces. After cloning, you only need to run yarn install in the root of the repository once to get a single /node_modules for all the code samples and templates.

If you want to test a specific template, you can use the yarn workspaces command.

E.g., running the development server for the map components vue template

yarn workspace map-components-vue-template dev

Available code samples

Below are a collection of code samples that provide proof-of-concept for using ArcGIS Maps SDK for JavaScript components with a variety of popular JavaScript build tools, frameworks and module bundlers. There are download links in the readme for each of the following samples. We recommend downloading a template from the links below and using your package manager of choice.

• Map components
  • AMD Script Tag
  • Angular
  • React
  • Vite
  • Vue
  • Webpack
• Coding components
  • AMD Script Tag
  • Angular
  • React
  • Vite
  • Vue
  • Webpack
• Charts components
  • AMD Script Tag
  • Angular
  • React
  • Vite
  • Vue
  • Webpack

Requirements

Use of the ArcGIS Maps SDK for JavaScript is subject to System Requirements, and the terms described in the product-specific Terms of Use. Learn more about licensing here.

Resources

• ArcGIS Maps SDK for JavaScript
• https://www.esri.com/arcgis-blog/?s=#&products=js-api-arcgis
• twitter@EsriDevs

Issues

• General questions about using these modules or the ArcGIS Maps SDK for JavaScript? See the Esri developer community.
• Technical support.

Licensing

COPYRIGHT © 2024 Esri

All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.

This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.

See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english

For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA

email: contracts@esri.com