![cover.jpg](https://steemitimages.com/DQmbAsqH1CjM1QV6KLwGk8yUwVyf2984UiGXSe9QdhQ57X1/cover.jpg)
gmap.js គឺអនុញ្ញាតឱ្យអ្នកប្រើ (Programmer) មានសក្តានុពលក្នុងការប្រើបា្រស់នៃផែនទី Google នៅក្នុងវិធីសាមញ្ញមួយ។ គ្មានការបន្ថែមឬមានចំនួនកូដច្រើននោះទេ។ gmap.js មានលក្ខណៈពិសេសត្រង់ថាវាអាចធ្វើឲ្យផែនទីរបស់អ្នកប្រើបា្រស់អាចរចនាទ្រង់ទ្រាយ ទីតាំង ទំហំ និងធ្វើការកំណត់សម្គាល់ផេ្សងៗបានច្រើនទៀតផង។ ដូច្នេះ techfree នឹងលើកយកលក្ខណៈពិសេសខ្លះៗដើម្បីបង្ហាញដូចខាងក្រោម៖
១) Service៖ បង្ហាញទីតាំងនៃអ្នកប្រើប្រាស់នៅកន្លែងណា។
![1.jpg](https://steemitimages.com/640x0/https://steemitimages.com/DQmWauDacxD2Ssd2npmacpshwu2G1XxWxNheUyF1nLdgjod/1.jpg)
២) Overlays ៖ បង្ហាញឈ្មោះទីតាំងដែលអ្នកកំណត់ នឹងអាចបង្ហាញទំហំទីតាំងបានទៀតផង។
![2.jpg](https://steemitimages.com/DQmbDD3y8ypWMwYoMfTHecnyZUCVo39SNT9gSNP1TUxw3WM/2.jpg)
៣) Routes៖ រត់បង្ហាញពីចំនុចចាប់ផ្តើមរហូតដល់ទីតាំងបញ្ជាប់ នៅពេលអ្នកចុចប៊ូតុង “start”។
![3.jpg](https://steemitimages.com/640x0/https://steemitimages.com/DQmSiuZ2ySgTEf64qPjLenrf8oFJe23vuRrRgf3WWStLeDJ/3.jpg)
៤) Static Maps៖ អាចកំណត់បង្ហាញគំនូសទំតាំងដូចជារូបភាព ដែលយេីងមិនធ្វើការទាញរកទីតាំងផ្សេងទៀតបានទេ។
![4.jpg](https://steemitimages.com/DQmVjKMKX2fz7gtR5BgN8aNUUtbHn46SCw3MpwGpPidD9Ba/4.jpg)
៥) Interacting with UI៖ អាចធ្វើការដៅចំនុចទីតាំងបាន នៅពេលអ្នកចុចលើទីតាំងណាមួយ។
![5.jpg](https://steemitimages.com/640x0/https://steemitimages.com/DQmPA7QFfZPWsJqRyFVx4U7Ti6QPHYqK3z7mqLn9VMUax2m/5.jpg)
របៀបប្រើប្រាស់
- ធ្វើការទាញយកឯកសារ (file) gmap.js សូមចុចនៅទីនេះ ធ្វើការទាញយកដែលបានទាញយកទុកស្រាប់ ឬចូលទៅកាន់គេហទំព័រ https://hpneo.github.io/gmaps/ ដើម្បីស្វែងយល់បន្ថែមទៀត។
- ដាក់ google map api ក្នុងhtml (មើលដូចរូបខាងក្រោម)
![6.jpg](https://steemitimages.com/DQmNRBCVt6164CcCfjWLCcZwzN2vEm3SDEWm1U9woK6RtXq/6.jpg)
វានឹងចេញលទ្ធផលដូចនេះ
![7-1.jpg](https://steemitimages.com/640x0/https://steemitimages.com/DQmW1GKRNdZ8yXa1f5BVeanvRfQhiijnew2y9WgmWUkbHjb/7-1.jpg)