Xây dựng dịch vụ bản đồ dựa trên web thông qua API bản đồ Naver
Tạo các điểm đánh dấu và cửa sổ thông tin cần thiết cho các dịch vụ bản đồ cơ bản
Kakao api xây dựng trang tải lên tọa độ
Xây dựng dịch vụ bản đồ kết nối MongoDB và mongoose
Tính năng nhóm để tối ưu hóa dịch vụ bản đồ
Thêm hình ảnh và sự kiện về quận hành chính (tỉnh)
Chinh phục các dịch vụ bản đồ với các nhà phát triển Corona Map 🧭
Có quá nhiều mối quan tâm về việc tạo ra một dịch vụ bản đồ !
“Tôi muốn tạo một dịch vụ bản đồ, nhưng tôi không biết bắt đầu từ đâu.” “Tôi muốn lưu thông tin về một vị trí trong DB. Tôi có thể làm điều đó như thế nào?” “Khi lượng dữ liệu trên bản đồ tăng lên, cần phải tối ưu hóa. Chúng ta nên làm gì?”
Xin chào, tôi là nhà phát triển Donghoon Lee. Tôi đã lập kế hoạch và phát triển Bản đồ Corona và Bản đồ Mặt nạ, được 14 triệu người sử dụng.
Dự án 'Bản đồ khẩu trang' trực quan hóa kho khẩu trang của hiệu thuốc trên bản đồ
Dự án 'Bản đồ Corona' hiển thị sự di chuyển của các trường hợp được xác nhận bằng các chấm và đường trên bản đồ
Một trong những câu hỏi thường gặp nhất mà tôi nhận được khi vận hành dịch vụ là 'Tôi muốn tạo một dịch vụ như Corona Map, nhưng tôi không biết bắt đầu từ đâu hoặc làm thế nào.' Vì vậy, tôi bắt đầu nghĩ đến việc tạo một khóa học và năm ngoái, tôi đã cung cấp một khóa học cho người mới bắt đầu về dịch vụ bản đồ.
Nhờ sự ủng hộ và quan tâm của nhiều người, tôi đã nhận được nhiều phản hồi tốt mặc dù đây là bài giảng đầu tiên của tôi. Trong số các phản hồi về bài giảng, có nhiều ý kiến cho rằng mọi người muốn tìm hiểu nhiều chức năng đa dạng hơn, vì vậy chúng tôi đã lên kế hoạch cho một bài giảng mới và tạo ra bài giảng này.
Trong bài giảng này, chúng tôi đã bổ sung thêm nội dung chuyên sâu hơn như MongoDB, Mongoose, hàm tải lên, phân cụm đánh dấu và trực quan hóa khu vực hành chính , đồng thời đưa vào những kiến thức chuyên môn trong việc tạo ra các dịch vụ bản đồ có được khi vận hành Corona Map cho đến nay. Các chức năng được sử dụng trong Corona Map, phương pháp tối ưu hóa và phương pháp sử dụng thư viện được giải thích trong bài giảng theo cách dễ hiểu nhất có thể.
Tôi hy vọng điều này sẽ giúp ích rất nhiều trong việc cải thiện kỹ năng dịch vụ bản đồ của bạn. Cảm ơn:)
Tại sao lại cần dịch vụ bản đồ ?
Nguồn: Trang web chính thức của Zenly
Bạn có biết ứng dụng “Zenly - Bạn thân” hiện có 10 triệu lượt tải xuống không?
Đây là dịch vụ thường được Thế hệ Z sử dụng, nơi họ hiển thị vị trí, pin, tốc độ di chuyển, v.v. của bạn bè trên bản đồ và chia sẻ chúng với nhau. Nhờ đó, Zenly đang nhanh chóng trở nên phổ biến như một phương thức giao tiếp mới. Thế hệ Z ngày nay thoải mái chia sẻ vị trí hiện tại và lộ trình di chuyển của mình với người khác.
Nguồn: Trang web chính thức của Zenly
Đây là xu hướng hiện tại và vẫn tiếp tục tồn tại. Do đó, tầm quan trọng của các dịch vụ bản đồ trực quan hóa thông tin vị trí và lộ trình di chuyển cũng dự kiến sẽ tăng lên đáng kể. Bởi vì giao diện người dùng tốt nhất để trực quan hóa thông tin vị trí là bản đồ.
Hiện tại, việc ra ngoài không còn miễn phí do dịch COVID-19, nhưng nếu đến lúc vượt qua được dịch COVID-19, tôi nghĩ nhu cầu về các hoạt động ngoại tuyến chắc chắn sẽ tăng lên và các doanh nghiệp liên quan cũng sẽ phát triển. Điểm hữu ích cho các hoạt động ngoại tuyến này là giao diện bản đồ cho phép bạn hình dung vị trí và tọa độ chỉ bằng cái nhìn thoáng qua.
Corona Map cũng áp dụng giao diện bản đồ và đã giúp ích rất nhiều cho hơn 14 triệu người dùng. Theo cách này, các dịch vụ bản đồ có thể được kết hợp với nhiều dịch vụ khác nhau và có tiềm năng bùng nổ .
Tôi giới thiệu khóa học này cho những ai muốn phát triển thế mạnh riêng của mình để tạo sự khác biệt so với người khác.
Bạn học được gì? Nội dung học tập & Tính năng khóa học
Duy nhất tại Hàn Quốc! Khóa học tạo dịch vụ bản đồ
MongoDB / Mongoose / Node.js / API bản đồ Express / Naver / API bản đồ Kakao
Tạo các điểm đánh dấu dựa trên dữ liệu Chức năng hiển thị cửa sổ thông tin
Tìm kiếm từ khóa bằng Kakao API
Lưu trữ dữ liệu vị trí trong MongoDB
Tính năng phân cụm đánh dấu
Các tính năng của lớp dữ liệu quận hành chính
Chúng tôi cung cấp các bài giảng về các chức năng cần thiết để vận hành dịch vụ bản đồ.
Chúng tôi cung cấp thêm các giải thích để giúp bạn dễ dàng hiểu lý do và cách sử dụng tính năng này.
Chúng tôi cung cấp phụ đề để giúp bạn tập trung hơn vào bài giảng.
Giới thiệu theo từng phần
Phần 0. Giới thiệu bài giảng Dự án và phần giới thiệu bài giảng này giải thích các tính năng bạn có thể tìm hiểu trong dịch vụ bản đồ mà bạn sẽ tạo trong tương lai.
Phần 1. Thiết lập môi trường ban đầu Bài viết này giới thiệu cách cài đặt và thiết lập môi trường ban đầu cần thiết để tạo dự án. Cài đặt và chạy Node.js và VS Code, các gói thiết yếu cho quá trình phát triển.
Mục 2. Xây dựng dự án dịch vụ bản đồ Chúng ta sẽ chạy một máy chủ bằng Express và chuẩn bị tạo dịch vụ bản đồ. Tải Naver Map API và áp dụng vào dự án.
Mục 3. Tạo các điểm đánh dấu và cửa sổ thông tin Giải thích cách hiển thị điểm đánh dấu và thêm sự kiện nhấp chuột để bật lên cửa sổ thông tin. Bạn có thể hiển thị nhiều điểm đánh dấu, thay đổi biểu tượng điểm đánh dấu thông qua CSS và thêm sự kiện để cải thiện sự tiện lợi cho người dùng. Chúng tôi cũng sử dụng InfoWindow để hiển thị thông tin trên bản đồ.
Phần 4. Sử dụng MongoDB và Mongoose
Chúng tôi giới thiệu MongoDB, một DB NoSQL tiêu biểu và giải thích cách lưu trữ nó. Ngoài ra, hãy cài đặt và chạy công cụ quản lý DB có tên là Compass. Chúng tôi cũng sẽ giới thiệu và cài đặt Mongoose, một gói ODM cho Node.js và MongoDB, và tạo một lược đồ.
Phần 5. Xây dựng môi trường ban đầu cho các chức năng tải lên Chúng tôi sẽ triển khai chức năng tìm kiếm theo từ khóa bằng Kakao API và thêm chức năng hiển thị dữ liệu kết quả trên bản đồ để xây dựng môi trường ban đầu cho chức năng tải lên.
Mục 6. Hoàn thiện chức năng upload Tìm hiểu cách lưu trữ dữ liệu kết quả tìm kiếm từ khóa trong MongoDB và hiển thị trên bản đồ. Hãy xây dựng một máy chủ tải lên bằng cách giao tiếp với Postman.
Mục 7. Triển khai chức năng phân cụm đánh dấu Chúng tôi giới thiệu và triển khai chức năng phân cụ đánh dấu, một trong những cách tối ưu hóa dịch vụ bản đồ. Khi có nhiều dữ liệu cần hiển thị trong dịch vụ bản đồ, chức năng phân cụm sẽ được sử dụng để thu thập và hiển thị dữ liệu đó.
Mục 8. Hiển thị lớp dữ liệu quận (tỉnh) hành chính Chúng tôi giới thiệu phương pháp trực quan hóa các quận bằng cách chia chúng theo đơn vị hành chính. Ngoài ra, chúng tôi sẽ triển khai chức năng thay đổi chú giải công cụ và màu sắc của từng quận hành chính bằng cách thêm các sự kiện khi nhấp vào quận, khi nhấc chuột lên và khi hạ chuột xuống.
Những câu hỏi thường gặp
H. Nội dung của lớp học bao gồm những nội dung nào?
Khóa học này sẽ cung cấp nhiều nội dung từ cơ bản đến chuyên sâu hơn để tạo ra các dịch vụ bản đồ. Do đó, trò chơi này có nhiều mức độ khó khác nhau, từ người mới bắt đầu đến trung cấp.
H. Có lý do gì khiến bạn sử dụng cả Naver API và Kakao API không?
Vì mỗi loại đều có ưu điểm riêng nên tôi muốn tận dụng tối đa chúng. Tôi nghĩ Naver Map API có nhiều tính năng bổ sung và được tối ưu hóa tốt, còn Kakao API có chức năng tìm kiếm từ khóa rất tốt, vì vậy tôi dự định áp dụng cả hai để phát huy tối đa thế mạnh của cả hai.
H. Những người không chuyên ngành cũng có thể tham gia khóa học này không?
Tất nhiên là có thể. Tuy nhiên, vì bản chất của dịch vụ bản đồ đòi hỏi phải sử dụng JavaScript rộng rãi nên có thể cần có kiến thức cơ bản. Do đó, nếu bạn thiếu kiến thức liên quan, chúng tôi khuyên bạn nên tìm hiểu kiến thức cơ bản về HTML, CSS và JS thông qua lộ trình được cung cấp trong bài giảng trước khi tham gia khóa học.
H. Bài giảng này khác với những bài giảng trước như thế nào?
Bài giảng trước , 'Tạo dịch vụ bản đồ với Corona Map Developers', là bài giảng giới thiệu về cách tạo dịch vụ bản đồ~!! Nếu bạn chỉ muốn tìm hiểu các chức năng cơ bản như hiển thị bản đồ hoặc hiển thị điểm đánh dấu, tôi khuyên bạn nên học bài giảng trước. Khóa học này bao gồm các chủ đề từ trình độ cơ bản đến trung cấp như giao tiếp máy chủ, xử lý dữ liệu thông qua MongoDB và Mongoose, phân cụ đánh dấu, Ajax và hiển thị các lớp dữ liệu. Vì vậy, tôi khuyên bạn nên dùng nó cho những ai muốn tìm hiểu thêm nhiều tính năng.
Tạo dịch vụ bản đồ, Bạn muốn bắt đầu từ những điều cơ bản nhất ?
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Dành cho những ai muốn tạo dịch vụ bản đồ như Corona Map
Dành cho những ai muốn sử dụng API liên quan đến bản đồ nhưng không biết cách thực hiện
DB liên kết với dịch vụ bản đồ mà bạn muốn tạo
Dành cho những ai muốn tìm hiểu về các chức năng khác nhau của dịch vụ bản đồ
Cần biết trước khi bắt đầu?
HTML
CSS
Javascript
Xin chào Đây là
1,332
Học viên
118
Đánh giá
165
Trả lời
4.8
Xếp hạng
3
Các khóa học
안녕하세요 개발자 이동훈입니다.
4400만 조회수가 넘는 코로나맵을 최초로 기획하고 개발하였으며, 마스크맵, 코로나미를 통해 많은 사용자분들의 불편함을 해소하는 서비스를 운영하고 있습니다.
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.
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ỉ.
ehdgns17664658
![[React Phần 2] Các chủ đề nâng cao và Hook강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
![Làm [ứng dụng R sáng bóng] từ bố tôi강의 썸네일](https://cdn.inflearn.com/wp-content/uploads/rshiny1.jpg?f=avif&w=420)
![Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
