គន្លឹះតូចមួយ ដើម្បី​បង្ហាញ GOOGLE MAP ក្នុង HTML

♦ រៀបរៀងដោយ លោក សួ លីឡាយ

Hey! ! ! សួស្តីអ្នក​ទាំងអស់​គ្នា​ជា​ពិសេស​អ្នក​ដែល​កំពុង​សិក្សា​មុខវិទ្យា HTML & CSS ។ ហើយនេះគឺ​ជាគន្លឹះ​ខ្លះ​ៗ ដើម្បី​បង្ហាញ GOOGLE MAP នៅ​ក្នុង HTML ។ តោះៗ​កុំ​ឲ្យ​ខាតពេលយូរយើងទៅមើល​លទ្ធផល និងឧទាហរណ៍ Code ​ខាងក្រោម​ទាំងអស់​គ្នា ៖  

♦ ​​លទ្ធផល​កូដ

♦ ការពន្យល់កូដ HTML

- បន្ទាត់ទី ៤ ជា Code ​សម្រាប់ Support អក្សរ​ខ្មែរ​

- បន្ទាត់ទី ៥ ជា Code ​សម្រាប់ Link ​ទៅកាន់ CSS

- បន្ទាត់ទី ៩ យើង​បង្កើត Class ក្ដោបមួយ​ឈ្មោះ google_map

- បន្ទាត់ទី ១០ យើង​បង្កើត Link មួយ​ដែល​ជា Link ទីតាំង​ដែល​យើងយក​មកពី Google Map ដោយ​ប្រើ Link នេះជាមួយ iframe ហើយវាមាន​តួនាទី​ក្នុង​ការ​ទាញយក Link ឬ ទិន្នន័យ​ខាងក្រៅមកដាក់​ក្នុង HTML

♦ ការពន្យល់កូដ CSS

- បន្ទាត់ទី ១ ជា Code ​សម្រាប់ កំណត់​លើ Class google_map

- បន្ទាត់ទី ២ កំណត់​ទំហំ​

- បន្ទាត់ទី ៣ កំណត់​កម្ពស់​

- បន្ទាត់ទី ៤ កំណត់​ពណ៍ផ្ទៃខាងក្រោយ

- បន្ទាត់ទី ៥ កំណត់​គម្លាតខាង ឆ្វេង​

- បន្ទាត់ទី ៦ កំណត់​គម្លាតខាង លើ

- បន្ទាត់ទី ៧ កំណត់​ស្រមោល

- បន្ទាត់ទី ១៥ ជា Code ​សម្រាប់ កំណត់​លើ iframe ​ដែល​នៅ​ក្នុង Class google_map ៕

→ ​​សម្រាប់ Link Download កម្មវិធី ANTLearner សម្រាប់ Android & Windows http://www.antclasses.com/help/page/download.html

→ ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់ iOS & Android & Windows http://www.antclasses.com/help/page/application.html

→ ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

→ ​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

→ លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

💒 ទីតាំង #86B ផ្លូវ 313 កែង 606 សង្កាត់បឹងកក់២ ទួលគោក