Web Development JavaScript

Learn 3D GIS Web Development with ArcGIS API in JavaScript

An easy way to create 2D, 3D GIS web app .......
Rating: 3.9 out of 5 (58 ratings)
1,948 students
Created by Alfred Lam
Enroll now
Learn 3D GIS Web Development with ArcGIS API in JavaScript
Rating: 3.9 out of 5 (58 ratings)
1,948 students
Buy now
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;

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 this course is for:
  • GIS users
  • Students
  • Developers
  • Entrepreneurs
  • Anyone who are interested to make GIS 2D and 3D maps in web applications
Course content
2 sections • 22 lectures • 1h 10m total length
  • Introduction
    01:33
  • Create a 2D Map App
    06:08
  • Change Basemap
    02:16
  • Set MapView Scale
    01:35
  • Set MapView Extent
    02:18
  • Retrieve MapView Extent
    02:33
  • Retrieve MapView Scale and Spatial Reference
    03:22
  • Add a Point
    03:32
  • Add a Point by Tapping on Map
    03:16
  • Display Coordinates in an Alert View
    02:16
  • Display Coordinates in a Popup
    03:00
  • Create a 3D Map
    05:01
  • Set Camera
    02:13
  • Set a Viewpoint
    03:24
  • Animate to a Viewpoint
    03:18
  • Add Second Layer
    03:43
  • Create a Basemap
    03:51
  • Add a 3D Point
    04:48
  • Add a 3D Point by Tapping on Map
    03:30
  • Style 3D Symbol
    02:36
  • Display Coordinates and Elevation to AlertView
    02:53
  • Display Coordinates and Elevation to Popup
    03:11

Instructor
Alfred Lam
GIS Developer
Alfred Lam
  • 4.1 Instructor Rating
  • 1,062 Reviews
  • 39,416 Students
  • 16 Courses

“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.