Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Full-stack

Creating a Map Service with the Developer of Corona Map 2

This is an advanced course on map service creation taught by the developer of Corona Map.

(4.5) 24 reviews

331 learners

  • donghunee
3시간 만에 완강할 수 있는 강의 ⏰
Node.js
MongoDB
Express
Web Application
Mongoose

Reviews from Early Learners

What you will learn!

  • Building a web-based map service through Naver Map API

  • Creating markers and info windows required for basic map services

  • Building a coordinate upload page through Kakao API

  • Building a map service by connecting MongoDB and mongoose

  • Clustering feature for optimizing map services

  • Visualize administrative districts (provinces) and add events

Conquer map services with Corona Map developers 🧭

So many concerns about creating a map service !

“I want to create a map service, but I don’t know where to start.”
“I want to save information about a location in a DB. How can I do that?”
“As the amount of data on the map increases, optimization is necessary. What should we do?”

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

MongoDB/Mongoose/Node.js/
Express / Naver map API / Kakao map API

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
  • We provide lectures on the functions required for operating map services.
  • We provide additional explanations to help you easily understand why and how the feature is used.
  • We provide subtitles to help you focus more on the lecture.

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

Q. To what extent does the class cover the content?

This course will provide a wide spectrum from the basics to more in-depth content for creating map services.
Therefore, it has a difficulty level ranging from beginner to intermediate.

Q. Is there a reason why you used both Naver API and Kakao API?

Because each has its own advantages, I want to make the most of them.
I think Naver Map API has additional features and is well optimized, and Kakao API has a very good keyword search function, so I plan to adopt both to maximize the strengths of both.

Q. Can non-majors also take the course?

Of course, it is possible. However, since the map service requires a lot of JavaScript, basic knowledge may be required. Therefore, if you lack related knowledge, we recommend that you acquire basic knowledge of HTML, CSS, and JS through the roadmap provided in the lecture before taking the course.

Q. How is it different from previous lectures?

The previous lecture , 'Making a Map Service with Corona Map Developers', was an introductory lecture on creating a map service~!! If you just want to learn basic functions such as simply displaying a map or displaying markers, I recommend taking the previous lecture.
This course covers beginner to intermediate level topics such as server communication, data handling through MongoDB and Mongoose, marker clustering, Ajax, and data layer display. Therefore, it is recommended for those who want to learn more functions.


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


Recommended for
these people

Who is this course right for?

  • Those who want to create a map service like Corona Map

  • If you want to use a map-related API but don't know how

  • Those who want to create a map service linked to a database

  • Those who want to learn about the various functions of the map service

Need to know before starting?

  • HTML

  • CSS

  • Javascript

Hello
This is

1,330

Learners

118

Reviews

165

Answers

4.8

Rating

3

Courses

안녕하세요 개발자 이동훈입니다.

4400만 조회수가 넘는 코로나맵을 최초로 기획하고 개발하였으며, 마스크맵, 코로나미를 통해 많은 사용자분들의 불편함을 해소하는 서비스를 운영하고 있습니다.

현재는 작은 스타트업을 창업하여 CTO로서 열심히 개발을 하고 있습니다.

감사합니다.

Curriculum

All

33 lectures ∙ (3hr 14min)

Published: 
Last updated: 

Reviews

All

24 reviews

4.5

24 reviews

  • ehdgns17664658님의 프로필 이미지
    ehdgns17664658

    Reviews 2

    Average Rating 5.0

    5

    6% enrolled

    Giống như bài giảng trước, đó là bài giảng giải thích mọi thứ một cách dễ hiểu. Rất dễ theo dõi vì có phụ đề.

    • donghunee
      Instructor

      Cảm ơn Hojin :) Chúng tôi sẽ thưởng cho bạn những nội dung tốt hơn trong tương lai ~!!

  • yksshocking8306님의 프로필 이미지
    yksshocking8306

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Nó giúp ích rất nhiều cho việc học bằng cách chỉ cho tôi cách sử dụng bản đồ Naver và Kakao một cách dễ dàng. Vì đang tạo một dịch vụ nên bạn phải có các khái niệm cơ bản như Javascript, jQuery, ajax và DB.

    • develobing님의 프로필 이미지
      develobing

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      Đó là một sự trợ giúp tuyệt vời trong việc hiểu và sử dụng API Map.

      • mini02042581님의 프로필 이미지
        mini02042581

        Reviews 4

        Average Rating 5.0

        5

        100% enrolled

        Tôi đã học nó bằng cách lặp lại và sửa nó nhiều lần do lỗi nhập mã ở giữa và nó hoạt động rất tốt. Đó là một bài giảng mà tôi có thể tìm hiểu về nhiều chương trình và phương pháp ứng dụng khác nhau. Cảm ơn bạn đã làm việc chăm chỉ.

        • g1kwon7491님의 프로필 이미지
          g1kwon7491

          Reviews 5

          Average Rating 5.0

          5

          100% enrolled

          Thật tuyệt khi tìm hiểu cách xử lý các API bản đồ khó sử dụng. Đây là một bài giảng tuyệt vời để tìm hiểu cách tạo dịch vụ bản đồ của riêng bạn.

          $46.20

          donghunee's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!