 Terima kasih, Angelin. Okey, ini 8, 10. Saya rasa ini telah menjadi hari yang panjang untuk semua orang. Kita cuba berjalan-jalan. Semua orang boleh pergi ke rumah nanti. Nama saya, Nicholas. Pertama saya, Nipun. Hari ini kita akan berbincang sesuatu yang kita sebenarnya menggunakan dalam projek peribadi kita. Kita sebenarnya memperkenalkan aplikasi di dalam projek kita. Sebenarnya, sebab yang nama ini, kita dapat memperkenalkan informasi projek di Reag. Mabbox. DECGL dengan PostGS. Jadi DECGL adalah sebuah library lagi. Saya akan melihat itu dengan jauh-jauh. Terlalu banyak perkara yang besar, tapi sebenarnya kita hanya menggunakan map untuk memperkenalkan informasi yang kita sebenarnya perlukan. Jadi, ada beberapa rapper map untuk Reag. Sebelumnya, beberapa perempuan saya sebenarnya mengenai bagaimana banyak perempuan Reag yang kita ada di sini. Jadi, saya rasa untuk orang yang berkenal dengan Reag, ia akan menjadi mudah kerana ia bekerja sebagai perempuan Reag. Jadi, untuk orang yang tidak berkenal, jangan risau apabila anda belajar Reag. Pertama-tama anda akan belajar adalah perempuan Reag. Selepas itu, semuanya akan menjadi sangat mudah. Jadi, ini adalah perempuan Reag yang lebih popular. Di lantai, anda ada Leiflet Reag. Di tengah-tengah, adalah Maps Pijian. Sudah tentu ia adalah Maps Pijian yang semua orang tahu. Reag Map GL. Jadi, kenapa kita memilih Reag Map GL? Pertama-tama, ia adalah perempuan yang berkenal oleh Uber. Jadi, anda ada sesiapa dari Uber atau Gojek di sini? Atau Grab? Mereka boleh mempunyai kita. Jadi, ya, kerana ia dibuat oleh Uber, ia adalah... Bagaimana saya menyebabkan? Dokumentasi itu sangat mudah. Sangat mudah untuk digunakan. Seperti dengan Maps Pijian dan Leiflet Reag. Jadi, saya rasa mungkin untuk keadaan kita, kita tidak terlalu tinggi untuk memahami dokumentasi yang tidak diperkenalkan. Jadi, sebenarnya ini adalah apa? Seperti yang anda lihat, ia adalah komponen Reag untuk Mapbox GL. GL di sini, seperti yang saya menyebabkan, ia adalah komponen Reag untuk Graphic Library. Seperti yang saya menyebabkan, ia adalah komponen Reag untuk Pluck & Play. Sangat mudah. Saya akan mendapatkan keputusan dengan jauh-jauh. Dan saya rasa yang penting adalah keadaan terakhir di sini. Jadi, Mapbox, sebenarnya, ia adalah layar Map. Jadi, bagaimana ia berlaku? Sebenarnya, anda dapat membuat layar yang berbeda di atas satu sama lain. Dan itu sebenarnya menolakkan anda render 2D atau 3D Graphics. Yang sangat bagus. Adakah anda mempunyai website sebenarnya? Untuk DECGL. Saya akan menunjukkan kepada anda sekejap. Maaf. Saya akan menjelaskan. DEC.GL. Kita tidak akan bercakap banyak tentang DECGL, tetapi ini adalah bagaimana DECGL berlaku. Ini adalah contohnya. Jadi, ini sangat bagus. Jadi, siapa-siapa sebenarnya akan bekerja pada projek visualisasi. Saya akan mengatakan bahawa dokumen ini sering berlaku. Baiklah. Teruskan. Jadi, ini adalah komponen yang anda mungkin akan mempunyai untuk menggunakan komponen. Jadi, saya akan menunjukkan kode, jadi lebih mudah untuk anda melihatnya. Kode yang pertama akan mempunyai DECGL. Jadi... Ya, iya. Ia okey? Ia okey? Ia okey? Okey. Jadi... Seperti yang saya katakan, apa yang akan anda menangani adalah GAL React Map. Jadi ia sangat cepat. Anda boleh mengandungkan keadaan dan keadaan. Jadi, sebuah demo bagaimana ia berlalu. Sebenarnya, ia berlalu bagaimana ia berlalu. Okey, jadi ini adalah map yang mudah. Bukan apa-apa. Ia hanya layak mudah. Kita sebenarnya memperkenalkan keadaan yang tersebut. Ini adalah pilihan yang akan saya beri kepada di tengah Singapura. Jadi... Ia di sini, ya. Jadi, saya sedikit mengambil keadaan. Biasanya ia menyebarkan keadaan dan keadaan. Saya rasa ia sangat cepat. Kontrol keadaan adalah apa yang anda lihat sebab ada plus dan minus jika anda mahu mengambil keadaan, anda tidak perlu jika anda masih boleh mengambil keadaan tanpa kontrol keadaan. Biasanya, orang mengambil keadaan kerana mereka mahu menambah mesej atau informasi. Ia seperti panel informasi. Saya bermaksud, ia adalah kontrol keadaan. Sebelum saya menyebarkan keadaan yang tersebut, ia adalah layak keadaan. Kerana itu, anda dapat menyebarkan keadaan yang berbeza di atas satu sama lain. Mereka mengambil keadaan untuk mengambil keadaan yang berbeza untuk mengambil keadaan yang berbeza untuk keadaan yang berbeza. Saya rasa untuk orang yang menggunakan keadaan sebelumnya, saya rasa anda harus berkenal bahawa anda harus mengambil keadaan yang berbeza daripada keadaan. Sebenarnya, ia sangat cepat. Adakah anda menikmati? Saya rasa saya menikmati. Ya. Sebenarnya, keadaan yang berbeza. Baiklah. Apabila anda dapat ke keadaan yang berbeza, mereka akan menyebarkan anda untuk mengambil keadaan. Anda dapat mengambil keadaan. Bagaimana keadaan yang anda sebenarnya bekerja. Tapi jika tidak, untuk fungsi fungsi, saya akan berkata untuk anda dapat menggunakan keadaan yang berbeza daripada dua penggunaan yang berbeza. Keadaan yang berbeza adalah lebih berbeza untuk jika app anda membutuhkan keadaan yang berbeza. Anda perlu mengambil keadaan yang berbeza sebab terutamanya keadaan yang berbeza akan beri anda keadaan yang berbeza daripada 15,000 hea sekejap. Tapi untuk keadaan yang berbeza, anda perlu membutuhkan keadaan yang berbeza. Satu perkara yang saya perlu berkata adalah sebab anda... seperti yang anda lihat di sini, kita membutuhkan keadaan yang berbeza yang berbeza di atas awal.ただiknya, kita tidak mengandungkan keadaan. Sebab anda selalu memperbaiki untuk membebaskan keadaan yang berbeza atau berbeza sebab anda memperbaiki keadaan yang berbeza. Jadi, anda perlu mengambil keadaan yang berbeza sebab ia tidak akan membuat dan membesar keadaan anda. Betul. Sementara, Jadi, awal-awal, saya hanya menunjukkan kepada kamu semua besi map demo. Jadi sekarang, saya akan mencari masa untuk nipun. Ia akan menunjukkan lebih banyak bagaimana kita boleh memakai pop-ups maka dan terima kasih, Jio. Hai, semua. Jadi, bahagian saya adalah lebih teknikal. Tetapi, jika anda mengembang, saya akan mencari. Sebelum anda teruskan, anda harus tahu bahawa semuanya akan mengembang, semua html, apa-apa saja grafis yang anda lihat di web-page adalah dalam sebuah komponent yang mengembang untuk mengembang dengan html dan javascript dan sebagainya teknikal yang berlaku di browser. Jadi, seperti yang anda lihat, pagi anda adalah komponent. Dan di dalam itu, map anda adalah komponent. Jadi sekarang, bergerak. Jadi, bagaimana Jio melakukannya adalah bagaimana ia beri kepada komponent lain dan ia mengembangkan untuk mengembangkan komponent sebagai anak ke komponent main map kita. Dan kekuatan dengan itu adalah ia mengembangkan untuk anda melakukannya dengan map anda lebih banyak. Jadi, maka mengembangkan untuk anda mengembangkan maka di dalam map anda, yang anda dapat lihat di sini. Jadi, ini semua maka. Jadi, ini semua maka dan untuk maka, anda hanya perlu menjelaskan maka dan pop-ups akan memberi anda untuk menunjukkan pop-up yang mempunyai informasi bahawa apa informasi yang anda mahu menjelaskan. Dan biasanya anda akan menggunakan itu untuk menjelaskan dengan maka. Saya akan cepat mengembangkan kode. Jadi, untuk maka, anda hanya mempunyai komponent main map Jio dan di dalam itu, anda mempunyai komponent anak ke komponent, yang mempunyai komponent maka dan ini yang maka anda lihat. Seperti yang saya beritahu, ia sangat mudah untuk menjelaskan langit dan latihan. Dan di dalam ini, anda dapat menjelaskan informasi. Untuk saya, saya membuat komponent separat yang dipanggil Location Fin. Tapi anda boleh menjelaskan apa-apa yang ada di sana. Anda boleh menjelaskan seperti html-div-sing bu dan kemudian anda akan melihat bu sepanjang map anda. Jadi, ia menjelaskan anda. Jadi, ini menjelaskan anda banyak fleksibiliti. Seperti untuk pop-ups yang anda dapat lihat di sini, ia adalah map yang sama. Tapi perkara yang terbaik anda dapat menjelaskan dan dapat informasi pop-up. Dan informasi pop-up seperti ini, ia juga digunakan sebagai komponent anak ke komponent di sini. Dan di komponent anak ke komponent yang anda menggunakan pop-up, perkara yang mengenai pop-up adalah anda perlu menggunakan kondisi. Dan di sini, anda hanya menjelaskan jika element ini tersebut atau tidak ada. Jika ia ada, anda perlu menjelaskan pop-up. Jadi, teruskan. Ya, ok. Ya, ok. Kita akan menjelaskan. Sebelumnya, saya akan bergerak dengan DECGL. Jadi, seperti Nicholas menjelaskan, Mabbox adalah tentang layar. Dan apa yang anda lihat di web adalah kompilasi layar. Dan ia beri anda satu layar. Dan DECGL beri anda satu layar layar, dan ia menjelaskan semua layar, termasuk 3-dimensi layar. Saya tidak akan masuk ke 3D, tetapi itu sangat berguna. Jadi, sebelum saya menunjukkan apa yang DECGL boleh lakukannya, ia benar-benar menjelaskan bahawa kami memakai database Postgres dengan extension PostGIS dan extension PostGIS menjelaskan untuk menjelaskan data geografis. Dan juga menjelaskan data geospatial dan kemungkinan kecuali fungsi yang mencari. Dan ini membuat anda memperkenalkan banyak keperluan yang memperkenalkan yang secara matematik yang sangat intensif dan membuat anda memperkenalkan database supaya app kegerakan apa yang anda mahu. Saya akan jelaskan anda dengan cepat. MabDecGL adalah di sini. Dan lagi, seperti yang lain, DECGL adalah rendah sebagai komponent dan hanya di sini. Dan itu saja. Di dalam ini, anda perlu menghubungi kandungan kandungan yang anda mahu. Itu tidak sangat penting tapi hanya membuat anda menghubungi dan membuat apa-apa yang anda mahu. Jadi, menghubungi DECGL yang ini mengambil masa untuk menghubungi jika anda menggunakan kumpulan? Ya, saya menggunakan kumpulan. Jadi, anda lihat semua rada rata-rata. Mereka semua kumpulan DECGL. Ini adalah rada rata-rata? Ya, ini adalah rada rata-rata. Jadi, jika anda tidak memilih kumpulan, anda boleh menemukan di sini. Okey. Jadi juga, apa yang DECGL memberi anda, anda boleh menghubungi kandungan kandungan yang anda mahu. Jadi, saya menghubungi rada rata-rata dan kemudian menghubungi dan jika saya menghubungi sedikit lagi, saya boleh menghubungi di sini. Dan saya akan menghubungi ke dalam itu. Okey. Ya, jadi sebenarnya anda tahu bahawa raja tahu segalanya tentang anda. Selain itu, rada rata-rata dan klinik di depan anda. Jadi, ya, kami semua menonton. Okey. Jadi sekarang, saya menunjukkan anda apa yang DECGL boleh lakukan. Saya akan cepat menunjukkan apa yang berlaku di belakang. Saya minta maaf. Ya. Jadi, kami menggunakan ORM dan semua yang anda perlu lakukan adalah anda perlu menghubungi rada rata-rata yang saya akan beritahu adalah masa yang dipanggil Geometry. Kerana semua informasi geografik adalah sekurang-kurang kelas dan radian. Jadi, anda hanya perlu menghubungi bahawa oh, klinik saya adalah klinik. Okey. Dan kemudian, apa yang anda perlu lakukan adalah anda hanya menghubungi kelas ini. Jadi, anda melihat satu klinik dan hanya menghubungi kelas ini. Okey. Dokumen ini enak untuk Post-GIS, tetapi, ia mempunyai kelas GIS ke atas. Okey. Jadi, semua fungsi ini mempunyai banyak kelas GIS kelas geografik. Okey. Dan kemudian, terima kasih. Terima kasih banyak untuk berdiri di sini. Dan anda boleh menghubungi rada rata-rata anda. Anda boleh menghubungi dari github. Demo ini. Anda akan perlukan token api di mapbox seperti Nicholas beritahu. Anda juga perlu menghubungi rada rata-rata anda. Dan anda juga boleh menghubungi kami jika anda ada pertanyaan. Terima kasih.