Learn 3D GIS Web Development with ArcGIS API in JavaScript
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
42 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn 3D GIS Web Development with ArcGIS API in JavaScript to your Wishlist.

Add to Wishlist

Learn 3D GIS Web Development with ArcGIS API in JavaScript

An easy way to create 2D, 3D GIS web app .......
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
42 students enrolled
Created by Alfred Lam
Last updated 8/2017
English
Current price: $12 Original price: $60 Discount: 80% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 97 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Create 2D and 3D web applications;
  • Select and switch basemaps;
  • Create basemap;
  • Retrieve map scale, extent, and coordinates;
  • Retrieve 3D map elevation data;
  • Display coordinates to alert view;
  • Display coordinates to popup;
  • Add 2D and 3D point symbols on map;
  • Style 3D symbol;
  • Set 3D map camera position and viewpoint;
  • Add search widget;
  • Add home widget;
  • Add basemapToggle widget;
  • Add locate widget;
  • Add expand and basemapGallery widgets;
  • Create point, line, and polygon feature layers;
  • Style point, line, and polygon feature symbols;
  • Add LayerList widget;
  • Add Legend widget;
  • Add Popup for feature layer;
  • Extrude Polygons with layer's attrubutes data;
  • More contents are coming;
  • Add Funcational Buttons;
  • Add chained funtions for buttons;
  • Set chained animation for viewpoints;
  • Export and download Geo-JSON data file;
  • Create a point feature layer from local geo-json file;
  • Display 3D for point feature layer from local geo-json file;
  • Add feature to local geo-json file;
View Curriculum
Requirements
  • No programming experience needed;
  • A computer with a text editor;
  • Internet connection;
Description

“The world we live is full of coordinates and I love it!" - Alfred Lam, the course instructor.

“The essence of creating a beautiful map is balance!" - Alfred Lam, the course instructor.

(course updated on: 2017-Jun-20: add sec-5,6: geo-json data file and buttons: most lectures come with their html project files. )This is an entry-level course teaching how to display 2D, 3D maps to web applications using the ArcGIS JavaScript API. Code for this course are simple and easy understanding. My goal of this course is to help students learn both 2D and 3D GIS map creation easily without wasting their time fumbling in the API library. 

GIS stands for Geographic Information System. It is composed of hardware, software, people, environment, and data. Therefore, students with different backgrounds can learn and use GIS. One of my purposes of this course is to convey a concept to students that adding a GIS map to web for your clients is not difficult. You can spend your minimum time to handle it.

If you are new in this realm, this course is the right place for you to start. There are two versions of the ArcGIS API for JavaScript developed by ESRI, which is so far the biggest vendor of GIS systems and applications in the world. Here, I am using the newest version 4.3 for this course. Some developers may ask why do we bother to use GIS maps as we already have Google map. My answer is that the Google map is great for you to identify your locations. But its data, functionality, and flexibility are far from enough if you want to create a versatile app with various basemaps, to tell a story, to add your own map features, or to perform an analysis to your clients with a map. ArcGIS, on the other hand, is the most comprehensive and advanced GIS in the world and it is capable of performing all these tasks for you.

Time is precious for many web developers and programmers. For sure that this course is not possible to cover every details and meed all demands if you are an experienced developer. For those GIS users, students, iOS developers, and anyone who are interested in developing more decent mobile or web GIS apps. Please be aware of my other course announcements about Android, JavaScript, and iOS in the future.

Who is the target audience?
  • GIS users
  • Students
  • Developers
  • Entrepreneurs
  • Anyone who are interested to make GIS 2D and 3D maps in web applications
Compare to Other JavaScript Courses
Curriculum For This Course
60 Lectures
03:43:02
+
MapView (2D)
11 Lectures 31:49

This is a course introduction.

Preview 01:33

This lecture is going to cover the process of creating a 2D map web application.

Preview 06:08

This lecture is going to cover the process of changing a basemap for the Map.
Change Basemap
02:16

This lecture is going to cover the process of setting a mapView scale.
Set MapView Scale
01:35

This lecture is going to cover the process of setting a mapView extent.
Set MapView Extent
02:18

This lecture is going to cover the process of getting mapView extent data.
Retrieve MapView Extent
02:33

This lecture is going to cover the process of getting mapView Scale and Spatial Reference.
Retrieve MapView Scale and Spatial Reference
03:22

This lecture is going to cover the process of adding a point on map in code.
Add a Point
03:32

This lecture is going to cover the process of adding a Point by Tapping on Map.

Add a Point by Tapping on Map
03:16

This lecture is going to cover the process of displaying tapped map point coordinates in alert view.
Display Coordinates in an Alert View
02:16

This lecture is going to cover the process of displaying map point coordinates in a MapView popup.
Display Coordinates in a Popup
03:00
+
SceneView (3D)
11 Lectures 38:28

This lecture is going to cover the process of creating a 3D map.

Preview 05:01

This lecture is going to cover the process of setting a camera view.

Set Camera
02:13

This lecture is going to cover the process of setting a Viewpoint. 

Set a Viewpoint
03:24

This lecture is going to cover the process of animating from one viewpoint to another.
Animate to a Viewpoint
03:18

This lecture is going to cover the process of adding 2nd layer to the 3D map.

Add Second Layer
03:43

This lecture is going to cover the process of creating a basemap layer for 3D map.
Create a Basemap
03:51

This lecture is going to cover the process of adding a 3D point on map.
Add a 3D Point
04:48

This lecture is going to cover the process of adding a 3D point by tapping on map.
Add a 3D Point by Tapping on Map
03:30

This lecture is going to cover the process of changing 3D symbol style on map.
Style 3D Symbol
02:36

This lecture is going to cover the process of retrieving and displaying tapped map point coordinates and elevation to alert view.

Display Coordinates and Elevation to AlertView
02:53

This lecture is going to cover the process of retrieving and displaying selected map point coordinates and elevation to popup.
Display Coordinates and Elevation to Popup
03:11
+
Widgets
5 Lectures 15:14
This lecture is going to cover the process of adding a home widget on map.
Home Widget
02:59

This lecture is going to cover the process of adding a search widget on map.
Search Widget
02:47

This lecture is going to cover the process of adding a BasemapToggle widget on map.
BasemapToggle Widget
02:55

This lecture is going to cover the process of adding a Locate widget on map.
Locate Widget
02:32

This lecture is going to cover the process of adding a BasemapGallery and Expand widgets on map.
BasemapGallery Widget
04:01
+
Display Layers in 3D
18 Lectures 01:11:47

This lecture is going to cover the process of creating a point feature layer with attribute fields at the website of ArcGIS for Developers.

Create a Point Layer
03:47

This lecture is going to cover the process of adding point features to the point layer at ArcGIS Online.
Add Point Features
06:22

This lecture is going to cover the process of changing point symbol styles at ArcGIS Online.
Change Point Symbol Styles
02:52

This lecture is going to cover the process of displaying a feature layer on map.

Display a Point Layer
03:25

This lecture is going to cover the process of adding a popup to the feature layer on map.
Add a Popup
04:31

This lecture is going to cover the process of adding a legend for the feature layer on map.
Add a Legend
02:23

This lecture is going to cover the process of creating a line feature layer with attribute fields at the website of ArcGIS for Developers.

Create a Line Layer
03:21

This lecture is going to cover the process of adding line features to the line layer at ArcGIS Online.
Add Line Features
05:01

This lecture is going to cover the process of changing line feature symbol styles on map.
Change Line Symbol Styles
01:51

This lecture is going to cover the process of displaying a line feature layer on map.
Display a Line Layer
04:27

This lecture is going to cover the process of adding a LayerList widget on map.

Add a LayerList
03:12

This lecture is going to cover the process of using Expand widget for layerList and legend on map.

Add an Expand
04:59

This lecture is going to cover the process of creating a polygon feature layer with attribute fields at the website of ArcGIS for Developers.

Create a Polygon Layer
03:04

This lecture is going to cover the process of adding polygon features to the polygon layer at ArcGIS Online.
Add Polygon Features
05:10

This lecture is going to cover the process of changing polygon feature styles at ArcGIS Online.
Change Polygon Symbol Styles
02:31

This lecture is going to cover the process of displaying a polygon feature layer on map.

Display a Polygon Layer
04:11

This lecture covers the process of extrude polygons with layer's attributes data.

Extrude Polygons in 3D with Layer Attributes Data
04:38

This lecture is going to differentiate 3D polygons in color and opacity.

Differentiate 3D Polygons
06:02
+
Buttons
4 Lectures 16:28
This lecture is going to cover the process of adding a button on map.
Add a Button
05:02

This lecture is going to cover the process of characterize buttons on map.
Characterize Buttons
04:13

This lecture is going to cover the process of using buttons for ViewPoint animation on map.
Use Buttons for ViewPoint Animation
04:29

This lecture is going to cover the process of setting chained button functions on map.
Set Chain Functions
02:44
+
Geo-JSON Application
11 Lectures 49:16

This lecture is going to cover the process of creating a feature layer from a selected file at ArcGIS Developers website.

Create a Travel Point Feature Layer
04:28

This lecture is going to cover the process of exporting and downloading Geo-JSON data file.
Export and Download Geo-JSON Data File
04:30

This lecture is going to cover the process of creating a new project from previous lecture project.

Create a Travel App
01:57

This lecture is going to cover the process of retrieving raw data from local Geo-JSON data file.
Retrieve Data from Local Geo-JSON Data File
05:54

This lecture is going to cover the process of creating a feature layer from local geo-json data file on map.

Create a Feature Layer
07:44

This lecture is going to cover the process of setting feature layer renderer with 3D symbols on map.
Set Feature Layer Renderer with 3D Symbols
04:37

This lecture is going to cover the process of setting feature layer attributes fields.
Set Feature Layer Fields
04:22

This lecture is going to cover the process of setting feature layer popupTemplate on map.
Set Feature Layer PopupTemplate
03:58

This lecture introduces how to add a legend widget for geo-json features on map.

Add a Legend for Geo-JSON Data
03:47

This lecture is going to cover the process of adding a new feature with location coordinates to the geo-json data file and display the result on map.
Add New Feature to Geo-JSON Data File
06:24

This lecture is going to cover the process of updating geo-json data file at ArcGIS Online with your current edited local geo-json data file.
Update Geo-JSON Data File to ArcGIS Online
01:35
About the Instructor
Alfred Lam
4.3 Average rating
342 Reviews
10,415 Students
14 Courses
GIS Developer

“The world we live is full of coordinates and I love it!" - Alfred Lam

“The essence of creating a beautiful map is balance!" - Alfred Lam

I am an enthusiastic GIS specialist and I have been using GIS for more than ten years. My previous position was a senior officer at a NGO maintaining geodatabase, doing field data collection, and perform GIS analysis with remote sensing, GIS, and GPS data for the whole organization. With the advent of mobile technology, I have been studying and working hard to code for iOS, Android, and JavaScript. I believe this is one of the most useful technologies that can help people in many aspects.

I am going to dedicate some of my time to be a GIS instrcutor here and teaching is fun. It is also great to let many mobile and web developers to know and use ESRI technology which is so far the best and the most comprehensive GIS system. The part I am giving lectures is even only a very small fraction of the whole ArcGIS system.Please find all my courses and special offers at my profile website. 

Coding is boundless. Like many other teachers, I’d like to share my knowledge and experiences here. As students are from all levels, I try not to make the code complicated. Maybe sometimes my pace is a bit slower, but I tried to make the code effective in a straightforward and simplest way. So that students can understand the mechanism of the code easily.