ArcGIS Web Maps with HTML, JS, CSS, and off the shelf tools
- Description
- Curriculum
- FAQ
- Reviews
There are several resources that can help you develop interactive online web maps. I will run through how to use these resources (both scripting and out of the box methods).
I will show how to create web maps/apps in an online environment and transition them from an off the shelf environment to a fully customizable one. It will give you all the necessary essentials to get started developing GIS web applications. This is targeted for those wanting to learn more about making maps online. Please refer to the overview video for further details.
-
2ArcGIS Online Overview
You can upload and store 2 gb of data to when you create a free (public) account on ArcGIS.com (also known as ArcGIS Online or AGOL for short).
-
3ArcGIS Online Overview Continued
Acceptable data uploads include MS Office files, pdfs, as well as several map related data formats. This is the comprehensive list: https://doc.arcgis.com/en/arcgis-online/reference/supported-items.htm#GUID-65A45BA3-68EA-4843-9313-1E3CF847D906
-
4ArcGIS Online: Web Map Overview
-
5ArcGIS Online: Create and Upload Data 1st Video
Be sure to watch this video
-
6Upload Layers from Arcmap to ArcGIS Online
-
7Web Appbuilder (Online)
Web Appbuilder is a sitebuilder like wordpress that is for map websites. You can use programming even though overall it allows you to build sites without it through configurations. You need a free ArcGIS Developer account at developers.arcgis.com or an ArcGIS Online Organizational Account to access it. It can be accessed through ArcGIS Online or downloaded to your computer known as developer version. I will show you the online version in this video.
-
8Create a Web Map with Configurable Apps (Online)
This video shows another way to build map websites like web appbuilder does called configurable . You only need a generic ArcGIS Online Public Account to access it.
-
12Popups: Methods 1 and 2 (Configure and Minimal)
-
13Popup Method 3 (no HTML)
-
14Popup Method 3 (with HTML) and adding photos in Popups
-
15Arcade (Javascript) Expressions in Web Maps
-
16CSS in a Mapping App
-
17Create a Custom Basemap
-
18Create a Webmap with Custom Basemap
-
19AGO Assistant
https://ago-assistant.esri.com
-
20Learning ArcGIS Server Rest Javascript API
-
23Web Appbuilder Developer Part 1
Make changes to the script.
Style the Title
Remove Preset Logos
Add custom logo
Rearrange widgets
-
24Customizing a downloaded Web Appbuilder Developer Script P2
I show you how to:
Make pop-ups moveable
Use a background image, add a splash page after downloading, and add a layer to the legend after downloading.
-
25ArcGIS API Overview
I say that ArcGIS API version for is only 3D. This is incorrect. It is both for 2D and 3D map visualizations.
-
26DOJO Overview
-
27ArcGIS API Demos: Basemap Gallery. Reference a Web Map with a layer list
-
28Transfer Sandbox to Computer
-
29Story Map Intro
Please watch.
-
30Story Map Setup
Easy changes:
Add text shadow
Add logo
Add hyperlinks
-
31Walkthrough of Customized Storymap Script
More involved javascript
-
32Sample App
Social Network