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ụ đề.
5.0
유경식
100% đã tham gia
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.
5.0
로빈(Robin)
100% đã tham gia
Đó là một sự trợ giúp tuyệt vời trong việc hiểu và sử dụng API Map.
Bạn sẽ nhận được điều này sau khi học.
Xây dựng dịch vụ bản đồ dựa trên web thông qua Naver Map API
Tạo marker và infowindow cần thiết cho dịch vụ bản đồ cơ bản
Xây dựng trang tải lên tọa độ thông qua Kakao API
Xây dựng dịch vụ bản đồ kết nối MongoDB và mongoose
Tính năng phân cụm để tối ưu hóa dịch vụ bản đồ
Trực quan hóa khu vực hành chính (tỉnh) và thêm sự kiện
Chinh phục dịch vụ bản đồ cùng nhà phát triển Corona Map 🧭
Vô vàn những trăn trở về việc xây dựng dịch vụ bản đồ!!
“Tôi muốn tạo một dịch vụ bản đồ, nhưng không biết phải bắt đầu từ đâu.” “Tôi muốn lưu trữ thông tin về các địa điểm vào DB thì phải làm thế nào?” “Vì dữ liệu trên bản đồ ngày càng nhiều nên cần phải tối ưu hóa, tôi nên làm như thế nào đây?”
Xin chào, tôi là nhà phát triển Lee Dong-hoon. Tôi đã lên kế hoạch và phát triển Corona Map, dịch vụ đã có 14 triệu người sử dụng, cùng với Mask Map.
Dự án ‘Mask Map’ trực quan hóa kho dự trữ khẩu trang tại các hiệu thuốc trên bản đồ
Dự án 'Bản đồ Corona' hiển thị lộ trình di chuyển của các bệnh nhân được xác nhận bằng các điểm và đường thẳng trên bản đồ
Một trong những câu hỏi tôi nhận được nhiều nhất khi vận hành dịch vụ là “Tôi muốn tạo một dịch vụ giống như Corona Map, nhưng không biết phải bắt đầu từ đâu và như thế nào”. Vì vậy, tôi đã nảy ra ý định sản xuất bài giảng và vào năm ngoái, tôi đã cung cấp một khóa học dành cho những người mới bắt đầu với dịch vụ bản đồ.
Nhờ có sự ủng hộ và quan tâm của nhiều người, tôi đã nhận được rất nhiều phản hồi tích cực dù đây là bài giảng đầu tiên. Trong số các phản hồi về bài giảng, có nhiều ý kiến bày tỏ mong muốn được học thêm nhiều chức năng đa dạng hơn, vì vậy tôi đã lên kế hoạch cho một bài giảng mới và thực hiện bài giảng này.
Trong bài giảng lần này, tôi đã bổ sung thêm các nội dung chuyên sâu hơn như MongoDB, Mongoose, chức năng tải lên, Marker Clustering, trực quan hóa khu vực hành chính, đồng thời đưa vào những bí quyết sản xuất dịch vụ bản đồ mà tôi đã đúc kết được trong quá trình vận hành Corona Map cho đến nay. Tôi đã cố gắng truyền tải các chức năng được sử dụng trong Corona Map, phương pháp tối ưu hóa và cách sử dụng thư viện một cách dễ hiểu nhất có thể trong bài giảng.
Hy vọng khóa học này sẽ giúp ích nhiều cho việc nâng cao kỹ năng xây dựng dịch vụ bản đồ của các bạn. Xin cảm ơn:)
Tại sao lại là dịch vụ bản đồ?
Nguồn: Trang web chính thức của Zenly
Bạn có biết ứng dụng hiện đã đạt 10 triệu lượt tải xuống “Zenly - Bản đồ của bạn và bạn bè” không?
Đây là dịch vụ được thế hệ Z ưa chuộng, cho phép chia sẻ vị trí, tình trạng pin, tốc độ di chuyển của bạn bè trên bản đồ. Nhờ đó, Zenly đang trở nên phổ biến và nổi lên như một phương thức giao tiếp mới. Có thể nói rằng thế hệ Z ngày nay rất quen thuộc với việc 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
Điều này đã trở thành một xu hướng hiện nay và vẫn đang tiếp tục duy trì. Vì vậy, tôi dự đoán rằng tầm quan trọng của dịch vụ bản đồ giúp trực quan hóa thông tin vị trí và lộ trình di chuyển cũng sẽ tăng lên đáng kể. Bởi vì bản đồ chính là giao diện người dùng (UI) tốt nhất để trực quan hóa thông tin vị trí.
Hiện tại, do dịch COVID-19 nên việc ra ngoài bị hạn chế, nhưng nếu thời điểm vượt qua đại dịch đến, 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 theo. Thứ giúp ích cho các hoạt động ngoại tuyến này chính là giao diện bản đồ (Map UI), nơi có thể trực quan hóa các địa điểm và tọa độ trong một cái nhìn.
Corona Map cũng đã áp dụng giao diện bản đồ (UI) và giúp ích rất nhiều cho hơn 14 triệu người dùng. Giống như vậy, dịch vụ bản đồ có thể kết hợp với nhiều dịch vụ đa dạng và sở hữu tiềm năng bùng nổ.
Tôi xin đề xuất khóa học này cho những ai muốn nuôi dưỡng thế mạnh riêng biệt của bản thân để tạo nên sự khác biệt so với những người khác.
Bạn sẽ học được gì? Nội dung học tập & Đặc điểm bài giảng
Duy nhất tại Hàn Quốc! Khóa học xây dựng dịch vụ bản đồ
MongoDB / Mongoose / Node.js / Express / Naver map API / Kakao map API
데이터를 바탕으로 마커를 생성하고 인포윈도우를 띄워주는 기능
카카오 api를 활용한 키워드 검색
MongoDB에 위치 데이터 저장
마커 클러스터링 기능
행정구역 데이터 레이어 기능
Chúng tôi cung cấp bài giảng bằng cách tuyển chọn các tính năng cần thiết khi vận hành dịch vụ bản đồ.
Cung cấp giải thích bổ sung để bạn có thể dễ dàng hiểu tại sao và làm thế nào chức năng đó được sử dụng.
Cung cấp phụ đề để tạo môi trường giúp bạn có thể 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 khóa học Thông qua phần giới thiệu dự án và khóa học, chúng tôi sẽ giải thích các tính năng bạn có thể học được từ dịch vụ bản đồ sẽ xây dựng trong tương lai.
Phần 1. Thiết lập môi trường ban đầu Giới thiệu cách cài đặt và thiết lập môi trường ban đầu cần thiết cho việc thực hiện dự án. Cài đặt và chạy thử Node.js, VS Code cùng các gói (package) thiết yếu cần cho việc phát triển.
Phần 2. Xây dựng dự án dịch vụ bản đồ Sử dụng Express để khởi chạy máy chủ và chuẩn bị cho việc tạo dịch vụ bản đồ. Đăng ký cấp API Naver Maps và áp dụng vào dự án tương ứng.
Phần 3. Tạo Marker và InfoWindow Giải thích cách hiển thị các điểm đánh dấu (marker) và thêm sự kiện nhấp chuột để hiển thị cửa sổ thông tin (infowindow). Bạn có thể thử hiển thị nhiều marker, thay đổi biểu tượng marker thông qua CSS và tăng tính tiện lợi cho người dùng bằng cách thêm các sự kiện. Ngoài ra, chúng ta sẽ sử dụng infowindow để hiển thị thông tin ngay trên bản đồ.
Section 4. MongoDB와 Mongoose 활용
Giới thiệu về MongoDB, một cơ sở dữ liệu NoSQL tiêu biểu, và cách lưu trữ (hosting) nó. Ngoài ra, chúng ta sẽ cài đặt và chạy thử Compass, một công cụ quản lý cơ sở dữ liệu. Đồng thời, giới thiệu và cài đặt Mongoose, một gói ODM dành cho Node.js và MongoDB, sau đó tiến hành viết schema (lược đồ).
Phần 5. Thiết lập môi trường ban đầu cho tính năng tải lên Chúng ta sẽ triển khai tính năng tìm kiếm từ khóa bằng cách sử dụng Kakao API, sau đó thêm tính năng hiển thị trên bản đồ dựa trên dữ liệu kết quả để thiết lập môi trường ban đầu cho tính năng tải lên.
Phần 6. Hoàn thiện chức năng tải lên Tìm hiểu cách lưu trữ dữ liệu kết quả tìm kiếm từ khóa vào MongoDB và hiển thị chúng trên bản đồ. Xây dựng máy chủ tải lên bằng cách thực hiện giao tiếp thông qua Postman.
Phần 7. Triển khai tính năng gom nhóm dấu mốc (Marker Clustering) Giới thiệu và triển khai tính năng gom nhóm dấu mốc, một trong những phương pháp tối ưu hóa dịch vụ bản đồ. Trong trường hợp có quá nhiều dữ liệu cần hiển thị trên dịch vụ bản đồ, tính năng gom nhóm sẽ giúp tập hợp và hiển thị chúng một cách gọn gàng.
Phần 8. Hiển thị lớp dữ liệu khu vực hành chính (tỉnh/thành) Giới thiệu phương pháp phân chia và trực quan hóa theo từng khu vực hành chính. Ngoài ra, chúng ta sẽ thực hiện chức năng thay đổi màu sắc khu vực và hiển thị tooltip bằng cách thêm các sự kiện khi nhấp chuột, khi di chuột vào và khi di chuột ra khỏi từng khu vực hành chính tương ứng.
Câu hỏi thường gặp
Q. Nội dung bài học sẽ bao gồm mức độ nào?
Khóa học này sẽ cung cấp một phổ rộng từ nội dung cơ bản đến nâng cao để tạo dịch vụ bản đồ. Do đó, độ khó từ cấp độ sơ cấp đến trung cấp.
Q. Có lý do nào khiến bạn sử dụng cả Naver API và Kakao API không?
Vì mỗi loại đều có những ưu điểm riêng nên tôi muốn tận dụng chúng một cách tối đa. Tôi nghĩ Naver Maps API có các tính năng bổ sung và tối ưu hóa tốt, còn Kakao API thì hiệu suất tính năng tìm kiếm từ khóa rất tuyệt vời, vì vậy tôi quyết định áp dụng cả hai để tối đa hóa ưu điểm của cả hai bên.
Q. Người không chuyên (trái ngành) có thể học được không?
Dĩ nhiên là có thể. Tuy nhiên, do đặc thù của dịch vụ bản đồ cần sử dụng nhiều JavaScript nên có thể sẽ yêu cầu kiến thức cơ bản. Vì vậy, nếu bạn thiếu kiến thức liên quan, tôi khuyên bạn nên học các kiến thức cơ bản về HTML, CSS, JS thông qua lộ trình được cung cấp trong bài giảng này trước khi bắt đầu học chính thức.
Q. Điểm khác biệt so với bài giảng trước là gì?
Trong trường hợp của bài giảng trước 'Cùng nhà phát triển Corona Map tạo dịch vụ bản đồ', đó là bài giảng dành cho việc nhập môn tạo dịch vụ bản đồ~!! Nếu bạn chỉ muốn học các chức năng cơ bản như hiển thị bản đồ đơn giản hoặc đánh dấu marker, tôi khuyên bạn nên tham gia bài giảng trước. Bài giảng này bao gồm các nội dung từ sơ cấp đến trung cấp như giao tiếp máy chủ, xử lý dữ liệu thông qua MongoDB và Mongoose, gom nhóm marker (marker clustering), Ajax, hiển thị lớp dữ liệu (data layer), v.v. Vì vậy, tôi khuyên dùng cho những ai muốn học thêm nhiều chức năng hơn nữa.
Xây dựng dịch vụ bản đồ, nếu bạn muốn bắt đầu từ những bước 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?
Những ai muốn thử tạo ra các dịch vụ bản đồ giống như Corona Map
Những người muốn sử dụng API liên quan đến bản đồ nhưng không biết phải làm thế nào
Những người muốn tạo dịch vụ bản đồ liên kết với DB
Những người muốn tìm hiểu các tính năng đa dạng của dịch vụ bản đồ
Tôi đã lên ý tưởng và phát triển Coronamap đầu tiên với hơn 44 triệu lượt xem, đồng thời vận hành các dịch vụ như Maskmap và Coroname nhằm giải quyết những bất tiện cho nhiều người dùng.
Hiện tại, tôi đã thành lập một startup nhỏ và đang nỗ lực làm việc với vai trò là CTO.
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.
Đến mức tôi ngại viết một bài phê bình trung thực... Bài giảng kết thúc với việc tôi phải theo kịp... không, tất cả những gì tôi có thể nói là thật khó để theo kịp. ㅠㅠ. Tôi để lại đánh giá này cho các sinh viên khác lựa chọn. Thực sự... thật lãng phí tiền bạc và thời gian... Cuối cùng, tôi không còn cách nào khác ngoài việc nghe đi nghe lại... Đó là khóa học duy nhất mà tôi có thể làm mới lại lịch sử đen tối của mình. (Người hướng dẫn, vui lòng giảm giá. Chuyển sang miễn phí. Nếu so sánh các khóa học liên quan đến hướng dẫn khác... bạn sẽ không nghĩ tôi khắc nghiệt đến thế. https://www.inflearn.com/course/%ED%8C%8C%EC%9D%B4%EC%8D%AC-%ED%8F%B4%EB%A6%AC%EC%9B%80- %EC%A7%80%EB%8F%84%EC%84%9C%EB%B9%84%EC%8A%A4#chương trình giảng dạy)
Ý tưởng của bài giảng thực sự rất hay.
Hầu như không có nội dung bài giảng chi tiết liên quan đến Map API.
Có vẻ như bài giảng nói về việc tuân theo mã.
Cá nhân tôi đã theo dõi tài liệu chính thức của Map để tìm hiểu những gì còn thiếu.
Đó là điều mà tôi có thể tự mình bù đắp ở một mức độ nào đó.
Tài liệu chính thức cũng bao gồm Jquery...
Để hiểu đầy đủ và sử dụng các mã được viết trong bài giảng này,
API MAP do Naver và Kakao cung cấp
Tôi nghĩ mình chỉ có thể theo kịp nếu đầu tư thời gian và tự học.
Và nó được gọi là Bản đồ Corona~
Tôi nghĩ đó sẽ là một bài giảng về cách hiển thị dữ liệu liên quan đến virus Corona trên bản đồ.
tôi nghĩ
Chỉ cần tìm kiếm trên bản đồ, tạo điểm đánh dấu và hiển thị chúng trên bản đồ.
Đó là một bài giảng MAP cơ bản.
Tôi cứng đầu mà xem~
Tiêu đề là ^^ Với nhà phát triển Corona Map.
Đây không phải là việc tạo ra một dịch vụ Corona Map.