Week 4 natcha

1. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
Week 4 Google Map API
1. เข้าเว็บ Google Map API
2. เข้า e-mail

2. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
3. ไปที่ Get a Key
4. เลือก Yes กด CREATE จะได้ Key

3. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
5. Copy code มาวางไว้บนโปรแกรม
6. เอาภาพถ่ายดาวเทียมมาใช้กด SAMPLES

4. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
7. คลิกที่ Simple map
8. Copy code

5. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
9. วาง code บนโปรแกรม
10. Copy Key มาวางที่บรรทัด 32

6. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
11. Save เลือกสกุล HTML
12. ผลลัพธ์

7. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
13. คลิกเลือก Terrian
14. คลิกเลือก Sattelite

8. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
15. หา Opera House
16. กดตัวคนสีเหลือง

9. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
17. ทาให้แผนที่มาประเทศไทย ด้วยการเปลี่ยนค่าละติจูด ลองจิจูด
18. ผลลัพธ์

10. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
19. ทาให้แผนที่มาที่มหาลัยบูรพา
20. ผลลัพธ์

11. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
21. Zoom เพื่อให้มามหาลัยบูรพา
22. ผลลัพธ์

12. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
23. ทาแผนที่เป็นครึ่งหน้าจอ ที่ #map
24. ผลลัพธ์

13. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
25. แก้HTML body กาหนดกรอบระยะห่าง (margin) การเว้นวรรคด้านหน้า (padding)
26. ผลลัพธ์

14. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
27. ถ้าลบ HTML body ออก
28. ผลลัพธ์

15. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
29. ถ้าเปลี่ยนจาก Map เป็น Mapping ต้องเปลี่ยนทั้งหมด 5 จุด

16. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
30. ผลลัพธ์
31. เมื่อ Key ผิด ผลลัพธ์