Start 3D GIS Web Development in JavaScript

An easy way to deploy GIS 3D map to web with or without coding.
Rating: 4.3 out of 5 (521 ratings)
17,126 students
Start 3D GIS Web Development in JavaScript
Rating: 4.3 out of 5 (521 ratings)
17,132 students
Create a 2D webMap;
Generate a 3D webMap without coding;
Build a web app loaded with 3D webMap;
Build a 3D basemap web app;
Select and switch basemaps;
Zoom to a map point;
Set a camera view position;
Add a search widget to search a location;
Add a basemap toggle widget to toggle a basemap;

Requirements

  • No programming experience needed
  • A computer with a text editor

Description

Updated on 2016-May-13:  please be noted that the 3D web API beta version has been upgraded to v.4.0

------------------------------------------------------------------------------------------------------------------

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

This is a short and intensive entry-level course teaching how to build 3D GIS maps to web application using 3D ArcGIS API for JavaScript beta version. 3D is awesome and I always want to offer cool stuffs in my GIS courses here. Code provided in this course are simple and easy to learn. Just follow the course video and lecture resources files, students can spend their least time to build a 3D GIS web app easily.

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. The purpose of this course is to convey a concept to students that adding a 3D GIS map to web for your clients is not difficult. You can spend your minimum time to handle it.

If you are new to using 3D GIS maps in web development, this course is the right place for you to start. The 3D ArcGIS API for JavaScript has been developed by ESRI, which is so far the biggest vendor of GIS systems and applications in the world. 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. Please be noticed that this 3D map API is still in its beta version.

I hope this course can help expand a little bit of horizon for you. Time is precious for many web developers and programmers. This course was condensed with all necessary steps for starting a 3D GIS web app development. 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.

After completing this course and the exercises, you will be able to:

  • Create a 2D webMap;
  • Generate a 3D webMap without coding;
  • Build a web app loaded with 3D webMap;
  • Build a 3D basemap web app;
  • Select and switch basemaps;
  • Zoom to a map point;
  • Set a camera view position;
  • Add a search widget to search a location;
  • Add a basemap toggle widget to toggle a basemap;

Who this course is for:

  • GIS users
  • Students
  • Developers
  • Entrepreneurs
  • Anyone who are interested in creating 3D GIS maps

Course content

1 section • 9 lectures • 42m total length
  • Lecture 1: Course Introduction
    01:30
  • Lecture 2: SignUp ArcGIS Developers Account and Create a WebMap
    05:33
  • Lecture 3: Generate a 3D WebMap without Coding
    06:49
  • Lecture 4: Open a 3D WebMap in JavaScript
    07:59
  • Lecture 5: Build a 3D Map with Selected Basemap
    05:33
  • Lecture 6: Zoom to a Map Point and Switch a Basemap
    02:08
  • Lecture 7: Set Camera View Position
    01:44
  • Lecture 8: Add a Search Widget
    07:14
  • Lecture 9: Add a Basemap Toggle Widget
    04:17

Instructor

GIS Developer
Alfred Lam
  • 4.1 Instructor Rating
  • 1,142 Reviews
  • 43,059 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.