ស្វែងយល់អំពី gmap.js និងរបៀបប្រើប្រាស់

in #cambodia7 years ago

cover.jpg

gmap.js គឺអនុញ្ញាតឱ្យអ្នកប្រើ (Programmer) មានសក្តានុពលក្នុងការប្រើបា្រស់នៃផែនទី Google នៅក្នុងវិធីសាមញ្ញមួយ។ គ្មានការបន្ថែមឬមានចំនួនកូដច្រើននោះទេ។ gmap.js មានលក្ខណៈពិសេសត្រង់ថាវាអាចធ្វើឲ្យផែនទីរបស់អ្នកប្រើបា្រស់អាចរចនាទ្រង់ទ្រាយ ទីតាំង ទំហំ និងធ្វើការកំណត់សម្គាល់ផេ្សងៗបានច្រើនទៀតផង។ ដូច្នេះ techfree នឹងលើកយកលក្ខណៈពិសេសខ្លះៗដើម្បីបង្ហាញដូចខាងក្រោម៖

១) Service៖ បង្ហាញទីតាំងនៃអ្នកប្រើប្រាស់នៅកន្លែងណា។

1.jpg

២) Overlays ៖ បង្ហាញឈ្មោះទីតាំងដែលអ្នកកំណត់ នឹងអាចបង្ហាញទំហំទីតាំងបានទៀតផង។

2.jpg

៣) Routes៖ រត់បង្ហាញពីចំនុចចាប់ផ្តើមរហូតដល់ទីតាំងបញ្ជាប់ នៅពេលអ្នកចុចប៊ូតុង “start”។

3.jpg

៤) Static Maps៖ អាចកំណត់បង្ហាញគំនូសទំតាំងដូចជារូបភាព ដែលយេីងមិនធ្វើការទាញរកទីតាំងផ្សេងទៀតបានទេ។

4.jpg

៥) Interacting with UI៖ អាចធ្វើការដៅចំនុចទីតាំងបាន នៅពេលអ្នកចុចលើទីតាំងណាមួយ។

5.jpg

របៀបប្រើប្រាស់

  • ធ្វើការទាញយកឯកសារ (file) gmap.js សូមចុចនៅទីនេះ ធ្វើការទាញយកដែលបានទាញយកទុកស្រាប់ ឬចូលទៅកាន់គេហទំព័រ https://hpneo.github.io/gmaps/ ដើម្បីស្វែងយល់បន្ថែមទៀត។
  • ដាក់ google map api ក្នុងhtml (មើលដូចរូបខាងក្រោម)

6.jpg

វានឹងចេញលទ្ធផលដូចនេះ

7-1.jpg

ប្រភពដើម