This is a lecture on creating map services, taught by the developer of Corona Map.
900 learners
Level Basic
Course period Unlimited
Reviews from Early Learners
5.0
이호진
It was easy to watch because there were subtitles for each lecture~!! It was good for learning basic knowledge of map service.
5.0
lgw9898
Hello. There are many people who don't share well because of the nature of computer science students, but thank you very much for going step by step from the beginning. In addition, the explanation is really, really good, it's really the best. As a tip for other students, as someone who just listened to the lecture and completed it, if you are good at distinguishing uppercase and lowercase letters, you will be able to complete it without any problems. Thank you very much.
5.0
신은경
Your voice is so nice. It seems like a good tone for a lecture. It's easy to understand because you explain it in an easy-to-understand way. I've always been curious about the Corona Map service process... Thank you for giving me this opportunity. Fighting!!!!
Setting up the basic initial environment for web development
Building a web-based map service through the Naver Map API
Creation of markers, info windows, and info boxes required for basic map services
Knowledge of HTML, CSS, and JS required for web development
Implementing destination search functionality via Kakao API
Implementing a real map service: Learning with the developer of Corona Map!
<Source : KTV, EBS>
Hello, I am developer Lee Dong-hoon.
I planned and developed Coronamap, which has been used by 14 million people and exceeded 44 million views, and
Maskmap, which shows real-time mask inventory status.
One of the most frequent 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.'
That's why I considered creating a course, and through a great opportunity, I ended up making this one.
Since this is my first lecture, I may be a bit awkward and inexperienced, but I hope it helps many of you.
Thank you once again!! Please feel free to provide feedback at any time.
<Source : Chosun Ilbo>
The most memorable thing I heard when I attended the Blue House briefing was
'The Corona Map is a new way of thinking in terms of how the government discloses information. We must have a 'paradigm shift' in the government's promotion methods. I am making a special request'. The map UI, which is recognized as a new way of thinking and serves as the foundation for the Corona Map, is the most efficient and intuitive way to display information to users.
In the current situation where providing information to users intuitively, easily, and quickly is becoming increasingly important when planning or developing a service, I would like to use this course to teach you everything from the basic setup to the practical application of creating a map service.
Below is the map service that will be created in this course.
.gif?w=960)
 (1).gif?w=960)
.gif?w=960)
In this course, you will learn the basic knowledge required to create a map service.
The knowledge learned in this course is the same knowledge currently being used in the Corona Map. As such, I believe this course will be helpful to students when they create map services in the future.
This section provides an introduction to this course and the project we will be building, as well as an explanation of the basic knowledge you can gain from the Corona Map clone project when starting web development.
This section contains a lecture on how to install and set up the initial environment for the project. In this lecture, we explain how to install VS Code,
node.js, and express, and how to set up the initial environment to proceed with the project.
This lecture covers setting up and applying the map API, which is the core of any map service.
This lecture uses the Naver Map API and explains how to create an application, issue an API key, and display the Naver Map API on the web.
This lecture covers creating the banner section and info boxes displayed in the map service.
This lecture explains how to create top banners and infoboxes required for map and web services and make them visible to users through CSS. Through this lecture, you can learn how to create banners and infoboxes, which are methods for displaying information on a map.
This section explains markers, which are one of the ways to display data in map services.
This lecture explains how to create multiple markers, display them on a map, and add click events. It covers how to make an info window appear and disappear when a marker is clicked, as well as how to add click events to the map itself.
Section 6 - Displaying Current Location on the Map
This section explains how to receive the current location and display it on the map using a marker, which is the most fundamental and widely used feature in map services.
It explains how to create a button to retrieve the current location, assign a click event using jQuery, and generate a marker at the current location. It also covers how to apply an animation effect that spreads out around the marker.
Section 7 - Displaying current location on the map
This section explains how to search for a destination using the Kakao API and display it on a map.
We will implement a feature that takes a destination as input from the user and displays it on the map using the keyword search API provided by Kakao. You can learn how to process the latitude and longitude coordinates received as results, and we also cover error handling to ensure only a single marker is displayed on the map.
I have shared the development log of when and how Coronamap was planned. It provides a brief introduction to how the currently operating Coronamap was born, the motivation behind its planning, and how it is being managed.
This is a lecture where the developer of Corona Map personally teaches everything from initial environment setup to the implementation of map services.
Therefore, it was designed so that even developers experiencing map services for the first time can easily approach it. By cloning a map service currently used by many users,
you can check not only the know-how gained during the planning and development process but also the actual code used in Coronamap, rather than it being just a simple project .
Who is this course right for?
Those who want to try creating a map service like Corona Map
Those who want to use map-related APIs but don't know how to go about it
Those who want to create their own web service
Need to know before starting?
HTML
CSS
Javascript
1,352
Learners
120
Reviews
165
Answers
4.8
Rating
3
Courses
Hello, I am developer Dong-hoon Lee.
I planned and developed the original Corona Map, which surpassed 44 million views, and I continue to operate services like Mask Map and Corona Me to resolve inconveniences for many users.
Currently, I have founded a small startup and am working hard as the CTO.
Thank you.
All
25 lectures ∙ (1hr 57min)
All
92 reviews
4.8
92 reviews
Reviews 4
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
5
It was easy to watch because there were subtitles for each lecture~!! It was good for learning basic knowledge of map service.
Hello Hojin~😆 It was my first lecture, so it was lacking in many ways, but I am really grateful that it was helpful. I will continue to update the lectures in the future, so please show a lot of interest.🤗🤗🤗
Reviews 1
∙
Average Rating 5.0
5
Hello. There are many people who don't share well because of the nature of computer science students, but thank you very much for going step by step from the beginning. In addition, the explanation is really, really good, it's really the best. As a tip for other students, as someone who just listened to the lecture and completed it, if you are good at distinguishing uppercase and lowercase letters, you will be able to complete it without any problems. Thank you very much.
Reviews 3
∙
Average Rating 5.0
5
This was a lecture where I could learn how to create and utilize map services in general through practical lectures. The instructor's kind and detailed explanations were really helpful. What impressed me the most was the speed of the Q&A response and the kindness of looking into the details. You said that you will update various contents such as DB in the future, so I will definitely check it out and study it additionally when it is uploaded. I sincerely thank you for creating such a useful lecture.
Reviews 1
∙
Average Rating 5.0
5
Your voice is so nice. It seems like a good tone for a lecture. It's easy to understand because you explain it in an easy-to-understand way. I've always been curious about the Corona Map service process... Thank you for giving me this opportunity. Fighting!!!!
Hello Eun-kyung~!! Thank you for giving me a good evaluation even though the lecture may be a bit lacking~!! We plan to continuously update the know-how we have gained while planning and developing the Corona Map, so please show a lot of interest.
Check out other courses by the instructor!
Explore other courses in the same field!
25% off for new members
$16.40
25%
$26.40
![[React Part 1] Learning React by Building and ComparingCourse Thumbnail](https://cdn.inflearn.com/public/courses/326905/cover/739f7b4b-1a9f-478f-a6a8-1a13bf58cae3/326905-eng.png?w=420)
