ArcGIS Web Maps with HTML, JS, CSS, and off the shelf tools
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.
Capabilities of ArcGIS Online (Using off the shelf tools rather than scripting)
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).
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
Be sure to watch this video
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.
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.
Customize off the shelf online maps with programming
Learning Web Appbuilder Developer: half off the shelf/half customizable builder
Download this site builder at developer.arcgis.com.
Create your own widget (map tool): https://developers.arcgis.com/web-appbuilder/sample-code/create-custom-in-panel-widget.htm
Download and Customize
Make changes to the script.
Style the Title
Remove Preset Logos
Add custom logo
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.
I say that ArcGIS API version for is only 3D. This is incorrect. It is both for 2D and 3D map visualizations.
Add text shadow