https://github.com/ralucanicola/code-snippets-arcgis-api-js

A collection of code snippets for ArcGIS API for JavaScript
https://github.com/ralucanicola/code-snippets-arcgis-api-js

Last synced: 25 days ago
JSON representation

A collection of code snippets for ArcGIS API for JavaScript

• Host: GitHub
• URL: https://github.com/ralucanicola/code-snippets-arcgis-api-js
• Owner: RalucaNicola
• Created: 2018-12-02T09:08:18.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-20T10:32:01.000Z (over 4 years ago)
• Last Synced: 2024-08-02T00:26:13.879Z (3 months ago)
• Language: JavaScript
• Homepage: https://ralucanicola.github.io/code-snippets-arcgis-api-js/index.html
• Size: 2.68 MB
• Stars: 16
• Watchers: 2
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# A collection of code snippets for ArcGIS API for JavaScript

This repository contains code snippets that might come in handy when programming 3D applications with ArcGIS API for JavaScript.

## Development code snippets

These are the ones that you use often and that follow the same pattern: setting renderers, symbols, labels, visual variables etc. To avoid to always go to the documentation and copy the examples there is a [VSCode plugin](https://marketplace.visualstudio.com/items?itemName=Esri.arcgis-jsapi-snippets) that you can install.

How to use it

![VSCode-demo](./code-snippet.gif)

In VSCode, go to Extensions, search for `arcgis api for javascript` and press the install button. Check out the list of code snippets that we added there. In your app, type in the prefix of the code snippet you want to add and press Tab . That should create the code snippet with the placeholders just like in the animated gif above.

## Debugging code snippets

[These code snippets](./debug-snippets/snippets.md) are useful to figure out what's going on in the browser. What is my camera position? Why is the layer not showing up? Getting access to the view will grant you super powers, like access to the layers and their views etc.

You will most likely use these code snippets in the browser. Therefore it's useful to also store them in the browser. Google Chrome has a useful feature in the dev tools called `Snippets`, where you can keep all of these snippets handy.

Here's how it works

![Chrome-demo](./debug-snippets/chrome-snippets.gif)

## Fun code snippets

These are the code snippets that you use to spice up your app. You might only need them once every 10 apps or so, but they provide some nice effects. For example rotating the globe, fading layers in or out, animating between several points etc. View them all live [here](https://ralucanicola.github.io/code-snippets-arcgis-api-js/fun-snippets/index.html).

[![fun-snippets](./fun-snippets/snippet-page.png)](https://ralucanicola.github.io/code-snippets-arcgis-api-js/fun-snippets/index.html)

Feel free to make a PR to contribute with your own snippets or suggest

new code snippets with an [issue](https://github.com/RalucaNicola/code-snippets-arcgis-api-js/issues) :)