Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet

Learn to Build Web GIS Applications with C# and ASP.NET CORE

3.75 (43 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Be able to create a Full-stack web GIS application from scratch

Building Full-stack ASP Dotnet Core MVC Apps

Backend Coding in C#

Be able to use a 3rd party JavaScript charting library

Building a .NET Core REST API

PostgreSQL for .NET and Windows

Entity Framework Core

Why take this course?

Welcome to the Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet course. We'll be building a Full-stack MVC style Web Application using the .NET Core Framework. The purpose of this course and many more to follow, is to learn to create geospatial analytics and convert it into a functional application.

In our use case we will be working with suburban water consumption data and we will be applying data processing techniques to extract transform and load the data into our spatial database. Once we have processed and cleaned the data, we will use it as a data source for building our .NET Core Web Map Application.

We will be powering our application with a PostgreSQL and PostGIS database. In the Front-End we'll use Bootstrap, JavaScript, Leaflet and Ajax. On the server side we'll be using C#, ASP.NET CORE MVC, combined with use of libraries like Entity Framework Core, Newtonsoft.Json and Npgsql for our data transformation and conversion operations. The operating system that we will be working on is Windows 10 and Server 2016.

Some skills that you can expect to derive after completing the course are the following:

You will learn how to build a Spatial Database using Postgresql and PostGIS.
You will learn how to create charts with Chart.js.
You will learn to build Web Maps with Leaflet.js.
You will learn how to build REST API Endpoints with C# and LINQ
You will learn some C# programming.
You will learn some JavaScript programming.
You will learn how to build Web Applications using the C# and ASP.NET Core MVC Framework.

Content

Introduction

Setup and Installations

Installing PostgreSQL and PostGIS on Windows

Creating a Spatial Database

Installing OSGeo4w

Building an ASP.NET Core MVC Application

Installing the .NET SDK

Installing the Visual Studio Code IDE

Creating an ASP.NET MVC 6 Starter Project

Installing Entity Framework Core Packages

Writing the Back-End Code

Creating the Model Class

Creating the Data Context Interface

Creating the Data Context Class

Adding the Connection String

Database Migrations

Creating the Repository Interface

Creating the Repository Implementation Class

Building the REST API Service

Downloading the Sample Dataset

Extract Transform and Load Data into our Spatial Table

Creating the REST Controller Class

Building the Front-End View with Bootstrap and Leaflet.js

Adding the Front-End Static Files

Creating the Layout Page

Creating the Index Page

Creating our First Leaflet Map

Creating Multiple Basemaps

Displaying Data on the Map

Styling the Map Part 1

Styling the Map Part 2: Interactivity

Creating the Legend

Creating the Bar Chart Legend

Creating the Bar Chart

Project Source Code

Source Code

Screenshots

Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet - Screenshot_01

Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet - Screenshot_02

Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet - Screenshot_03

Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet - Screenshot_04

Reviews

Win

October 17, 2023

Pretty outdated, once you get to the front end many thigs need to be updated such as the ties to leaflet, bootstrap, jQuery and more.

Joana

August 16, 2023

The course was great. For someone with previous knowledge in .NET but no experience with Leaflet, this course was easy to follow and it gave exactly what I needed, which was how to use Leaflet with .NET to create a GIS application. Thank you!

Luis

March 14, 2023

Perfect for understanding the workflow behind creating a geospatial web app. I'd recommend beginners first learn .NET framework and then take this course.

Leaundrae

October 19, 2022

I'll be honest this started quite promising. Despite some of the other poor reviews I decided to give this a shot since I want to develop a GIS app as well. I like the fact that the videos were pretty short. Understanding that this is bit more advanced of a course for beginners, I accepted that you didn't explain the concepts at all. You mentioned the App was future proof but I can assure you that in 2022 its not. I made it all the way to the 24th lecture just to run in to an issue with Leaflet and its sorely lacking documentation. I've never used ASP .Net in VSCode so this was a welcome experience. This course has a lot of potential but without some instructor interaction in the Q/A and a more indepth explanation as to way you're using specific technologys, you'd might as well just save your students the trouble and have them copy your Github. I'm giving this a 2 star instead of 1 because I'm leaving a little bit more knowlege than I had at the beginning. Actually I was about to leave 2 stars until realizing I won't be able to finish this project. Please Please Please take the time to rewrite this course. I'll be your first customer if you do it right.

Surinder

September 12, 2022

Instead of copy paste the code, if it is written step by step it would have been better for learners who are new to coding.

Jun

June 2, 2022

The course guides you to build web GIS app in less time. The approach is straightforward and presented a framework to get you started developing on your own. Looking forward for more courses like this. Thank you!

Wolfgang

January 17, 2022

Great course to touch implementation of .NET Core, REST API and leafletjs. It is very good structured, solution provided step by step.

Charts

Price

Rating

Enrollment distribution

Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet - Distribution chart