Creating a Map Service with the Developer of Corona Map 2

Conquer map services with Corona Map developers 🧭

Hello, I am developer Donghoon Lee.
I planned and developed the Corona Map and Mask Map, which were used by 14 million people.

_{Project 'Mask Map' visualizes pharmacy mask inventory on a map}

_{'Corona Map' project that displays the movement of confirmed cases with dots and lines on a map}

One of the most frequently asked questions I received while operating the service was
'I want to create a service like Corona Map, but I don't know where or how to start.'
So I started thinking about creating a course, and last year, I offered a course for beginners in map services.

Thanks to the support and interest of many people, I received a lot of good feedback even though it was my first lecture.
Among the feedback on the lecture, there were many opinions that people wanted to learn more diverse functions, so we planned a new lecture and created this lecture.

_{Inflearn <Making Map Services with Corona Map Developers> Course Review}

This lecture includes more in-depth content such as MongoDB, Mongoose, upload functions, marker clustering, and administrative district visualization , and contains the know-how on creating map services gained while operating Corona Map to date. The functions used in Corona Map, optimization methods, and library utilization methods are explained in the lecture in the easiest way possible.

I hope this will be of great help in improving your map service skills.
thank you:)

Why a map service ?

_{Source: Zenly official website}

Do you know the app “Zenly - Close Friends” that currently has 10 million downloads?

This is a service that is frequently used by the so-called Z generation, and it is a service that displays the location, battery, and movement speed of friends on a map and shares them with each other. Through this, Zenly is rapidly gaining popularity as a new way of communication. Today, it can be said that Generation Z is familiar with sharing their current location and movement path with others.

_{Source: Zenly official website}

This is a current trend that continues to persist.
Therefore, the importance of map services that visualize location information and movement routes is also expected to increase significantly.
Because the best UI for visualizing location information is a map.

Currently, going outside is not free due to COVID-19, but if the time comes to overcome COVID-19, I think the demand for offline activities will inevitably increase and related businesses will also grow.
What helps with these offline activities is a map UI that allows you to visualize locations and coordinates at a glance.

Corona Map also adopted a map UI and has been of great help to over 14 million users. In this way, map services can be combined with various services and have explosive potential .

I recommend this course to those who want to develop their own strengths that differentiate them from others.

What do you learn?
Learning Content & Course Features

The only one in Korea!
Map service creation course

_{Generate markers based on data
Function to display info window}

_{Keyword search using Kakao API}

_{Storing location data in MongoDB}

_{Marker clustering feature}

_{Administrative district data layer features}

Introduction by section

Section 0. Lecture Introduction
This project and lecture introduction explains the features you can learn in the map service you will create in the future.

Section 1. Setting up the initial environment
We will introduce how to install and set up the initial environment required for project creation. We will install and run Node.js and VS Code, and the essential packages required for development.

Section 2. Building a Map Service Project
Run the server using Express and prepare to create a map service. Obtain the Naver Map API and apply it to the project.

Section 3. Creating Markers and Info Windows
We will show you how to display markers and add click events to display an info window. You can display multiple markers, change marker icons using CSS, and add events to improve user convenience. We will also use an info window to display information on a map.

Section 4. Using MongoDB and Mongoose

We introduce MongoDB, a representative NoSQL DB, and show you how to host it. We also install and run a DB management tool called Compass. We also introduce and install Mongoose, an ODM package for Node.js and MongoDB, and write a schema.

Section 5. Building the initial environment for upload functions
We will implement a keyword search function using the Kakao API and build an initial environment for the upload function by adding a function to display the result data on a map.

Section 6. Finalizing the upload function
Learn how to store keyword search result data in MongoDB and display it on a map. Build an upload server by communicating with Postman.

Section 7. Implementing the marker clustering function
We introduce and implement the marker clustering function, one of the ways to optimize map services. When there is a lot of data to be displayed in a map service, the clustering function is used to collect and display it.

Section 8. Displaying administrative district (province) data layer
We will introduce a method to visualize the division of districts by administrative district. We will also implement a function to change the tooltip and district color by adding events for when the district is clicked, when the mouse is raised, and when it is lowered for each administrative district.

Frequently Asked Questions

Creating map services,
Want to start from the very basics ?

"Step by step from the web basics,
Go to the roadmap for "Making Map Services"