การสร้าง Polygon ลงบนแผนที่

1. การสร้าง Polygon ลงบนแผนที่
1. เปิดโปรแกรม Editplus และเลือก New HTML Page
2. ใช้ในการจัดเรียงรูปแบบหน้าเว็บ
3. ใส่#เพื่อกาหนดstyle ใส่ปีกกาเพื่อกาหนดค่าหลายอย่าง ถ้าใส่วงเล็บจะกาหนดค่าตัวแปรได้แค่อย่างเดียว
4. กาหนด float เพื่อให้แผนที่อยู่ด้านซ้ายมือ, height ให้แผนที่สูงเต็มทั้งหน้า และ width ความกว้างเต็มจอ

2. 5. ใส่องค์ประกอบต่าง ๆของส่วน Body
6. การแสดงออกมาในเว็บไซต์ หากไม่ใส่จะไม่แสดง
7. เริ่มการเรียกใช้ google map และกาหนดว่าแผนที่จะเก็บไว้ในฟังก์ชั่น initMap()
8. การประกาศตัวแปร map
9. ใส่ค่าพิกัดจุดที่ต้องการ
10. ซูมระดับ 5 และใช้แผนที่แบบ terrain

3. 11. ใส่ตัวแผนที่
12. จากกนั้นบันทึก
13. จะได้ผลลัพธ์ดังภาพ
14. ประกาศตัวแปร triangleCoords ใช้ในการเก็บค่าพิกัดของสามเหลี่ยมที่จะสร้าง Polygon
15. ประกาศตัวแปร Bermuda

4. 16. Paths คือการแสดงตาแหน่งของโพลิกอน strokeColor คือสีของเส้น strokeOpacity
คือความโปร่งของเส้น มีค่า 0-1strokeWeight คือความหนาของเส้น fillColor คือใส่สีให้กับโพลิกอน
fillOpacity คือความโปร่งของพื้นที่
17. เซ็ทให้ตัวแปร Bermuda จะแสดงบนแผนที่
18. เมื่อบันทึก จะได้ผลลัพธ์ดังนี้