ArcGIS Web Maps with HTML, JS, CSS, and off the shelf tools
You will learn how to make maps with ArcGIS Online Configurable Apps and Web Appbuilder Developer (Coding tips provided)
- Description
- Curriculum
- FAQ
- Reviews
There are several resources that can help you develop interactive online web maps. The one I will cover in this course is using the ArcGIS Online map builder platform. This class will run through how to use this resource while highlighting cool features it has that will make your maps come to life as well as understanding the basic essentials needed to get started creating web maps with the map builder on your own.
Course Summary/Overview:
I will show you how to create web maps/apps with the ArcGIS Online map builder and then download them from ArcGIS Online for further customization. I will then detail how to further refine the downloaded web maps with code (html, css, javascript). Coding changes to maps made using the ArCGIS Online map builder cannot be done without downloading it. There are also several other details about ArcGIS Online that you will need to know along the way that I will also cover as far as adding map data, creating map data, symbolizing map data, creating popups for map layers, creating cool maps exclusive to the platform such as storymaps, and more. This course should give you all the necessary tools to get started developing GIS web applications on your own with ArcGIS Online. This course is targeted for those wanting to learn more about making web maps for free. Please refer to the overview videos for further details. Thank you for stopping by to read this and I look forward to seeing you in the course.
Capabilities of ArcGIS Online (Using off the shelf tools rather than scripting)
Learning Programming
-
2
ArcGIS Online OverviewYou 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).
-
3
ArcGIS 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
-
4
ArcGIS Online: Web Map Overview
-
5
ArcGIS Online: Create and Upload Data 1st Video
Be sure to watch this video
-
6
Upload Layers from Arcmap to ArcGIS Online
-
7
Web 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.
-
8
Create 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.
Customize off the shelf online maps with programming
Learning Web Appbuilder Developer: half off the shelf/half customizable builder
-
12
Popups: Methods 1 and 2 (Configure and Minimal)
-
13
Popup Method 3 (no HTML)
-
14
Popup Method 3 (with HTML) and adding photos in Popups
-
15
Arcade (Javascript) Expressions in Web Maps
-
16
CSS in a Mapping App
-
17
Create a Custom Basemap
-
18
Create a Webmap with Custom Basemap
-
19
AGO Assistant
https://ago-assistant.esri.com
-
20
Learning ArcGIS Server Rest Javascript API
Download and Customize
Uploading and Hosting your website
-
23
Web Appbuilder Developer Part 1
Make changes to the script.
Style the Title
Remove Preset Logos
Add custom logo
Rearrange widgets
-
24
Customizing 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.
-
25
ArcGIS API Overview
I say that ArcGIS API version for is only 3D. This is incorrect. It is both for 2D and 3D map visualizations.
-
26
DOJO Overview
-
27
ArcGIS API Demos: Basemap Gallery. Reference a Web Map with a layer list
-
28
Transfer Sandbox to Computer
-
29
Story Map Intro
Please watch.
-
30
Story Map Setup
Easy changes:
Add text shadow
Add logo
Add hyperlinks
-
31
Walkthrough of Customized Storymap Script
More involved javascript
-
32
Sample App
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
31
Stars 4
23
Stars 3
20
Stars 2
9
Stars 1
4
Course details
Video
12 hours
Certificate of Completion
Popular courses
Social Network