Week 7 natcha

1. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
Week 7 สามเหลี่ยมเบอมิวด้า
1. ไปที่ File และ New และ HTML Page
2. Enter ลงมาให้บรรทัดที่ 10 ว่าง

2. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
3. ใส่ < style >< /style >
4. ใส่ #map {}

3. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
5. ทาให้ชิดซ้ายหน้าจอ โดยกาหนดค่าของ float เป็น left
6. กาหนดความสูงให้ชิดบนและล่าง โดยกาหนดค่าของ height เป็น 100%

4. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
7. กาหนดความกว้าง จากซ้ายไปขวา โดยกาหนดค่าของ width เป็น 100%
8. ใส่ html,body {}

5. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
9. กาหนดความสูง ที่ margin,padding
10. ใส่ div ใน body เพื่อให้แสดงผลบนหน้าเว็บไซด์

6. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
11. เรียกแผนที่ google map มา ใส่ < script > < /script >
12. เก็บแผนที่ไว้ที่ function initMap () {}

7. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
13. ประกาศตัวแปร เพื่อดึงภาพถ่ายจาก google มาใช้
14. ใส่,{}

8. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
15. ระบุตาแหน่งแผนที่ ที่ center
16. กาหนด zoom = 5

9. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
17. ตั้งให้แผนที่แสดงลักษณะเป็นภูมิประเทศ ที่ mapTypeId
18. ใส่ key กด save

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

11. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
21. ทาให้ขึ้นรูปเป็นสามเหลี่ยม ประกาศตัวแปร
22. ระบุค่าพิกัด ที่ paths

12. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
23. ใส่สีเส้น
24. เข้า HTML Color Code ในเว็บCopy Code สี

13. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
25. ทาให้เส้นโปร่งแสง
26. กาหนดความหนาเส้น

14. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
27. เติมสีเส้น
28. ทาให้เส้นเข้มขึ้น

15. 58170036 นางสาวณัฐชา เทียมทองใบ กลุ่ม 01
29. เอา Bermuda มาแสดงบนแผนที่
30. ผลลัพธ์