คู่มือปฏิบัติงาน_Natsiree_Final64

ค

คู่มอื การสรา้ งแผนท่บี นเวบ็ ไซตด์ ว้ ย
Google Maps

โดย
นางณฐั สิรี นกแกว้
สานักดิจทิ ลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

ปี พ.ศ.2563

คำนำ

คู่มือการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps จัดทาข้ึนเพื่อใช้ในการปฏิบัติงานและ
แสดงขน้ั ตอน รายละเอยี ด และกระบวนการต่าง ๆ ในการสรา้ งแผนท่ีบนเวบ็ ไซต์ดว้ ย Google Maps
ผลงานนี้จะประกอบไปด้วยเอกสาร และคลิปการสอนใช้งานเบื้องต้น โดยเนื้อหาภายในคู่มือ
ครอบคลุมรายละเอียดการดาเนินงาน ตั้งแต่การวางแผน การจัดเตรียมข้อมูล ความรู้เกี่ยวกับการใช้
บัญชี Google Maps การสร้าง My Maps แบบเป็นข้ันเป็นตอน รวมถึงการแสดงตัวอย่างแผนที่ท่ี
สร้างขนึ้ มาเพอื่ นาไปประยุกตใ์ ชง้ าน ตลอดจนการนาไปใชป้ ระโยชน์

ขอขอบพระคุณ สานักดิจิทัลเทคโนโลยี มหาวิทยาลัยศิลปากร ผู้บริหาร ผู้ท่ีเกี่ยวข้องกับ
การเขียนคู่มือการปฏิบัติงาน โดยเฉพาะอย่างย่ิง ผู้ทรงคุณวุฒิท่ีตรวจสอบคู่มือการปฏิบัติงาน
การสร้างแผนท่ีบนเว็บไซตด์ ้วย Google Maps ฉบับน้ี

ผู้จัดทา หวังเป็นอย่างย่ิงว่า คู่มือการปฏิบัติงานฉบับน้ี จะเป็นประโยชน์ต่อการปฏิบัติงาน
เป็นอย่างดีย่ิง ท้ังน้ี หากเกิดข้อผิดพลาดหรือข้อบกพร่อง ผู้จัดทาใคร่ขอน้อมรับและจะนาไปปรับปรุง
แก้ไข เพื่อให้คู่มือการปฏบิ ัติงานมคี วามถูกตอ้ งและสมบูรณ์ต่อไป

ณฐั สริ ี นกแกว้
เมษายน 2563

ข

สารบัญ

คำนำ หน้า
สำรบญั ก
สำรบญั ตำรำง ข
สำรบญั ภำพ ฉ
บทที่ 1 บทนำ ช
1
1.1 ควำมเปน็ มำและควำมสำคญั 1
1.2 วัตถุประสงค์ 2
2
1.3 ประโยชนท์ ี่คำดว่ำจะได้รับ 2
3
1.4 ขอบเขตคู่มือ 5
5
1.5 นิยำมศัพทเ์ ฉพำะ 6
7
บทที่ 2 โครงสร้ำงองค์กร และบทบำทหน้ำที่ควำมรับผดิ ชอบ 7
2.1 ประวตั ิควำมเป็นมำสำนักดิจทิ ัลเทคโนโลยี
2.2 ปรชั ญำ ปณธิ ำน วิสยั ทศั น์ พันธกจิ คำ่ นิยม และยทุ ธศำสตร์ 8
2.3 โครงสร้ำงกำรบริหำรองคก์ ร
2.3.1 โครงสรำ้ งกำรบรหิ ำรสำนกั ดิจทิ ัลเทคโนโลยี มหำวทิ ยำลัย 8
ศลิ ปำกร 8
2.3.2 โครงสร้ำงอตั รำกำลงั บุคลำกรงำนสำรสนเทศภมู ศิ ำสตร์ ฝ่ำย
นวตั กรรมและวิชำกำร สำนกั ดิจทิ ัลเทคโนโลยี มหำวิทยำลยั 9
ศลิ ปำกร
2.4 บทบำทหน้ำที่ควำมรับผิดชอบ
2.4.1 บทบำทหน้ำท่ีควำมรบั ผดิ ชอบและอัตรำกำลังของสำนักดจิ ทิ ัล
เทคโนโลยี
2.4.2 บทบำทหนำ้ ท่ีของฝ่ำยนวัตกรรมและวชิ ำกำร งำนระบบ

สำรสนเทศภมู ิศำสตร์ สำนักดิจทิ ัลเทคโนโลยี มหำวทิ ยำลัย

ศลิ ปำกร

ค

สารบญั (ต่อ)

2.4.3 บทบำทหน้ำทคี่ วำมรับผิดชอบของตำแหน่งนักเทคโนโลยี หน้า
สำรสนเทศ
9
2.4.4 ผลงำนเชงิ พัฒนำของนำงณฐั สริ ี นกแกว้
ตำแหนง่ นักเทคโนโลยีสำรสนเทศ ระดับปฏิบตั ิกำร 11
13
บทที่ 3 หลักเกณฑแ์ ละวธิ ีปฏิบัติงำน 13
3.1 แนวคิดทฤษฎี 13
3.1.1 ประโยชน์ของ Google My Maps 14
3.1.2 ขอ้ จำกัดของ Google My Maps 14
3.2 จรยิ ธรรมของนกั เทคโนโลยสี ำรสนเทศ 16
3.3 หลักกำรปฏิบัตงิ ำน 18
18
บทที่ 4 เทคนิคและข้ันตอนกำรปฏบิ ตั งิ ำน 18
4.1 มำตรฐำนกำรปฏบิ ัติงำน 19
21
4.1.1 หลักกำรทำงำน
21
4.1.2 แนวทำงกำรปฏิบตั งิ ำน
4.2 ข้ันตอนกำรปฏบิ ัติงำน 23
24
4.2.1 ขั้นตอนกำรปฏิบัติงำนกำรสร้ำงแผนท่ีบนเว็บไซต์ด้วย Google 25
Maps รูปแบบผงั งำนของกำรปฏิบัตงิ ำน (Flow Chart) 26
26
4.2.2 ขน้ั ตอนกำรปฏบิ ัติงำนกำรสรำ้ งแผนที่บนเว็บไซต์ดว้ ย Google 27
Maps รปู แบบข้อควำม (Wording)
1) ข้นั ตอนกำรสรำ้ ง Account Google
2) ขนั้ ตอนกำรเขำ้ ใช้งำน Google My Maps
3) ข้ันตอนกำรสรำ้ งแผนทบ่ี นเวบ็ ไซตด์ ้วย Google My Maps
 กำรสรำ้ งแผนที่ใหม่
 กำรนำเขำ้ ขอ้ มลู

ง

สารบัญ (ต่อ)

 กำรสร้ำงหมดุ ในแผนท่ี หน้า
 กำรเปลี่ยนรูปแบบมมุ มองของแผนที่ฐำน 33
 กำรเพม่ิ เคร่ืองหมำย 34
 กำรเพิ่มขอ้ มลู รำยละเอยี ดต่ำง ๆ 35
 กำรลำกเส้นในแผนที่ 36
 กำรสรำ้ งเส้นทำงนำทำง และวัดระยะทำงในแผนท่ี 37
4) ข้ันตอนกำรแชร์ กำรให้สิทธ์ผิ ้เู ขำ้ ถึง และกำรรับโคด้ แผนท่ี 38
 กำรแชร์แผนที่ 39
 กำรให้สทิ ธ์ผิ ูเ้ ข้ำถงึ แผนที่ 39
 กำรรบั โค้ดแผนท่ี 40
4.2.3 กำรสร้ำงแผนท่ีบนระบบ Android ด้วย Google My Maps ใน 41
42
สมำร์ทโฟนและแท็บเลต็
42
 ติดต้งั Google My Maps ลงบนอุปกรณ์โทรศพั ทร์ ะบบ
Android 43
44
 กำรสรำ้ งแผนท่ีใหม่ 45
 กำรสรำ้ งหมดุ แสดงตำแหน่งลงในแผนที่ 46
 กำรสรำ้ งเส้นในแผนท่ี 47
 กำรเปลย่ี นรูปแบบมุมมองของแผนที่ 48
 กำรแก้ไข และลบแผนที่ 49
 กำรแชร์แผนท่ี
4.2.4 ตัวอยำ่ งผลงำนกำรสร้ำงแผนที่บนเว็บไซต์ด้วย Google Maps 49
1) แผนที่แสดงข้อมูลสถำนท่ีสำคัญและเส้นทำงท่องเที่ยวเชิง
วฒั นธรรมรอบเกำะรัตนโกสนิ ทร์ 50
2) แผนท่ีแสดงข้อมูลแหล่งมรดกวัฒนธรรม และเส้นทำง
เดนิ ทัพของพระเจำ้ ตำกในจังหวดั ระยอง

จ

3) แผนท่ีแสดงตำแหน่งบำร์โค้ดสองมิติสำหรับผู้พิกำรและ 51
ผ้สู ูงอำยุพพิ ิธภณั ฑ์พระนครครี ี
52
4) แผนที่แสดงตำแหน่งจุดจอดรถไฟฟ้ำ ภำยในมหำวิทยำลัย 53
ศลิ ปำกร 53
53
4.3 วธิ ีกำรติดตำม และประเมนิ ผลกำรปฏิบตั งิ ำน 53
4.3.1 ขนั้ เตรียมกำร 54
4.3.2 ขั้นดำเนินกำร 54
4.3.3 ข้นั ตดิ ตำมประเมินผลกำรปฏิบตั ิงำน 54
55
4.4 คุณธรรม จริยธรรม และจรรยำบรรณในกำรปฏบิ ตั ิงำน 55
4.4.1 จรรยำบรรณต่อตนเอง
4.4.2 จรรยำบรรณต่อกำรปฏิบัติงำนและตอ่ หน่วยงำน 56
4.4.3 จรรยำบรรณตอ่ ผู้บังคับบัญชำ ผูใ้ ต้บังคบั บญั ชำ และผู้ร่วมงำน 57
4.4.4 จรรยำบรรณต่อนักเรียน นักศึกษำ ผู้รับบริกำร ประชำชนและ 57
สังคม
4.4.5 จรรยำบรรณตอ่ หนำ้ ท่แี ละวชิ ำชพี 59
60
บทที่ 5 ปญั หำอุปสรรค แนวทำงแก้ไข และกำรพฒั นำงำน 61
5.1 ปญั หำ อปุ สรรคและแนวทำงแก้ไขปัญหำในกำรปฏิบัติงำน และกำร
พฒั นำงำน
5.2 ขอ้ เสนอแนะ

บรรณำนกุ รม
ภำคผนวก

ฉ

สารบัญตาราง

ตารางที่ 3.1 หลักกำรปฏิบัติงำน PDCA หน้า
ตารางท่ี 4.1 สมรรถนะและมำตรฐำนในกำรปฏบิ ัติงำน 16
19
ตารางท่ี 4.2 รปู แบบผงั งำนของกำรปฏิบัตงิ ำน (Flow Chart)
ตารางที่ 5.1 ปัญหำ อุปสรรคและแนวทำงแก้ไขปัญหำในกำรปฏิบัติงำน และกำร 21
57
พฒั นำงำน

ช

สารบญั ภาพ

ภาพที่ 2.1 โครงสร้ำงกำรบรหิ ำรมหำวทิ ยำลยั ศิลปำกร หน้า
ภาพท่ี 2.2 โครงสร้ำงอตั รำกำลงั บุคลำกรงำนสำรสนเทศภูมศิ ำสตร์ ฝำ่ ยนวัตกรรม 7
8
ภาพท่ี 4.1 และวชิ ำกำร สำนักดิจทิ ลั เทคโนโลยี มหำวทิ ยำลยั ศิลปำกร
ภาพท่ี 4.2 24
ภาพท่ี 4.3 ข้ันตอนกำรลงชอื่ เข้ำใช้งำน Google 24
ภาพที่ 4.4 ขั้นตอนกำรสรำ้ ง Account Google 25
ภาพที่ 4.5 ขน้ั ตอนกำรเข้ำใช้งำน Google My Maps 26
ภาพที่ 4.6 ขน้ั ตอนกำรต้งั ชอื่ และใส่คำอธิบำยให้กับแผนท่ใี หม่ 28
ภาพท่ี 4.7 กำรนำเข้ำข้อมูลจำกไฟลน์ ำมสกุล KMZ 28
ภาพท่ี 4.8 ตวั อย่ำงข้อมลู จำกไฟล์ นำมสกลุ KMZ ทแี่ สดงในแผนที่ 29
ภาพท่ี 4.9 กำรเปลีย่ นฟงั ก์ชนั กำรปรบั แตง่ ลกั ษณะของฟีเจอร์เลเยอร์ 30
ภาพท่ี 4.10 แผนทที่ ป่ี รบั แต่งลักษณะของฟีเจอร์แล้ว 30
ภาพที่ 4.11 ตัวอย่ำงข้อมูลจำก Excel 31
ภาพที่ 4.12 กำรเพมิ่ เลเยอรใ์ หมแ่ ละเปล่ียนชือ่ เลเยอร์ 32
ภาพท่ี 4.13 กำรนำเข้ำขอ้ มลู จำกไฟล์ใน Excel 33
ภาพท่ี 4.14 แผนที่แสดงขอ้ มลู ตำแหน่งมหำวิทยำลัยในจังหวัดนครปฐม 34
ภาพท่ี 4.15 กำรสรำ้ งหมุดในแผนที่ 34
ภาพท่ี 4.16 กำรเปล่ยี นรูปแบบมุมมองของแผนท่ฐี ำน 35
ภาพท่ี 4.17 วิธกี ำรเพ่มิ เคร่ืองหมำย 36
ภาพที่ 4.18 กำรเพมิ่ รปู ภำพหรอื วีดโี อให้กับแผนท่ี 37
ภาพท่ี 4.19 กำรปรับแต่งหมุดตำแหนง่ ของแผนที่ 37
ภาพท่ี 4.20 กำรลำกเสน้ ในแผนท่ี 38
ภาพที่ 4.21 กำรสร้ำงเสน้ ทำงนำทำงในแผนที่ 39
กำรวัดระยะทำงในแผนที่ 40
ขน้ั ตอนกำรแชรแ์ ผนที่

ซ

สารบัญภาพ (ตอ่ )

ภาพท่ี 4.22 กำรใหส้ ิทธิ์ผู้เขำ้ ถงึ แผนท่ี หน้า
ภาพที่ 4.23 40
ภาพท่ี 4.24 กำรรับโค้ดแผนที่ 41
ภาพที่ 4.25 ตดิ ตงั้ Google My Maps ลงบนอปุ กรณ์โทรศพั ทร์ ะบบ Android 42
ภาพท่ี 4.26 แสดงกำรสรำ้ งแผนท่ีใหม่ 43
ภาพท่ี 4.27 กำรสรำ้ งหมดุ แสดงตำแหนง่ ลงในแผนท่ี 44
ภาพท่ี 4.28 กำรสรำ้ งเส้นในแผนท่ี 45
ภาพท่ี 4.29 กำรเปลี่ยนรปู แบบมุมมอง 46
ภาพที่ 4.30 กำรแก้ไข และลบแผนที่ 47
ภาพที่ 4.31 กำรแชร์แผนท่ี 48
ตัวอย่ำงแผนท่ีแสดงข้อมูลสถำนท่ีสำคัญและเส้นทำงท่องเท่ียวเชิง
ภาพท่ี 4.32 วัฒนธรรมรอบเกำะรัตนโกสนิ ทร์ 49
ตัวอย่ำงแผนที่แสดงข้อมูลแหล่งมรดกวัฒนธรรมและเส้นทำงเดินทัพ
ภาพที่ 4.33 ของพระเจำ้ ตำกสินในจงั หวดั ระยอง 50
ตัวอย่ำงแผนที่แสดงตำแหน่งบำร์โค้ดสองมิติสำหรับผู้พิกำรและ
ภาพท่ี 4.34 ผ้สู ูงอำยขุ องพิพธิ ภัณฑพ์ ระนครคีรี 51
ตัวอย่ำงแผนท่ีแสดงตำแหน่งจุดจอดรถไฟฟ้ำ ภำยในมหำวิทยำลัย
ศลิ ปำกร 52

บทที่ 1

บทนำ

1.1 ควำมเป็นมำและควำมสำคัญ
แผนที่มีความสาคัญ คือ เป็นเคร่ืองช่วยในการดาเนินงานหรือประกอบกิจการต่าง ๆ มนุษย์

รู้จักใช้แผนท่ีมาตั้งแต่โบราณ ประโยชน์ของแผนที่ คือ ใช้เป็นเคร่ืองแสดงเส้นทางเดิน ถิ่นท่ีอยู่อาศัย
แหล่งอาหาร ในทางภูมิศาสตร์ถือว่าแผนที่เป็นศูนย์รวมข้อมูลทางภูมิศาสตร์ มีความสาคัญต่อ
การศึกษาข้อมูลเพื่อประโยชน์ทั้งดา้ นเศรษฐกิจ สังคม และการเมือง ปัจจุบันแผนที่ถูกนาไปใชใ้ ห้เปน็
ประโยชน์อย่างกว้างขวางตามความเจริญก้าวหน้าในด้านเทคโนโลยี จากการที่จานวนประชากรเพ่มิ
จานวนข้นึ อย่างรวดเรว็ ความจาเป็นในการวางผังเมืองให้เหมาะสมกับการขยายตัวของชุมชนและการ
อนุรักษ์ทรัพยากรธรรมชาติจึงเพ่ิมมากตาม แผนท่ีจึงมีความสาคัญต่อการนาข้อมูลไปคิดวิเคราะห์
เพือ่ หาศักยภาพภมู ิประเทศ ภมู ิอากาศ ตลอดจนทรัพยากรท่มี ีอยเู่ พ่อื การพัฒนาท่ีย่ังยนื [1]

ปัจจุบันเทคโนโลยีสารสนเทศภูมิศาสตร์มีบทบาทสาคัญต่อการตัดสินใจ การจาลอง
สถานการณ์ โดยอาศัยข้อมูลเชิงตาแหน่งโดยแสดงผ่านแผนที่ ซ่ึงนามาใช้ในการขับเคล่ือนพัฒนางาน
ในด้านต่าง ๆ สามารถนาข้อมูลเหล่านั้นมาบริหารจัดการได้อย่างเป็นระบบ เพ่ือตอบสนองความ
จาเป็นในการดาเนินงาน ส่งเสริม ประยุกต์ และพัฒนางานวิจัย ให้บริการทางวิชาการแก่สังคมของ
สานักดิจิทัลเทคโนโลยี มหาวิทยาลัยศิลปากร จึงมีความจาเป็นต้องใช้โปรแกรมด้านภูมิสารสนเทศ
ทใี่ ช้งานไดง้ า่ ย รวดเรว็ ผา่ นระบบเครือขา่ ยอินเทอรเ์ นต็ สามารถดาวนโ์ หลดภาพถา่ ยดาวเทียมในพ้ืนท่ี
ได้ทันที บันทึกค่าพิกัดตาแหน่ง และส่งต่อให้กับผู้ใช้งานในเครือข่ายต่าง ๆ ท่ีเก่ียวข้อง หรือนาเสนอ
ต่อสาธารณะได้หลากหลายรูปแบบ เพ่ือสนับสนุนพันธกิจในการให้บริการ และบริหารจัดการของ
มหาวิทยาลัย แตบ่ างครง้ั ด้วยข้อจากัดการใชง้ านของโปรแกรมซง่ึ จาเปน็ ตอ้ งมีการติดตง้ั ลงบนอุปกรณ์
ท่ีรองรับ และจาเป็นต้องมีเซิร์ฟเวอร์เพ่ือบริการข้อมูลแผนท่ีและข้อมูลอ่ืน ๆ ดังน้ันผู้จัดทาจึงเล็งเห็น
ว่าการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps เป็นอีกหน่ึงทางเลือกท่ีดีที่ช่วยให้เราสามารถสร้าง
แผนท่ี หรือแก้ไขเปล่ียนแปลง รวมถึงใส่รายละเอียดต่าง ๆ ลงในแผนที่ได้โดยไม่จาเป็นต้องมี
เซิร์ฟเวอร์รองรับ สามารถทาได้ท้ังบนแอปพลิเคชันหรือเว็บไซต์ และยังค้นหาตาแหน่งสถานที่ที่
ผ้ใู ชง้ านไดบ้ ันทึกไวด้ ว้ ย

2

จากความจาเป็นและข้อจากัดข้างต้นผู้จัดทา ได้เล็งเห็นความสาคัญและความจาเป็นดังกล่าว
จึงจัดทาคู่มือการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Map เพื่อเป็นประโยชน์สาหรับผู้ท่ีต้องการ
ศึกษา หรือสรา้ งแผนท่ดี จิ ิทลั ดว้ ย Google Maps ดว้ ยตนเอง ได้อยา่ งถูกต้อง และรวดเรว็

1.2 วัตถุประสงค์
1.2.1 เพื่อจัดทาคู่มือปฏิบัติงานท่ีชัดเจน แสดงถึงข้ันตอนการสร้างแผนที่ด้วย Google Maps

และสอ่ื ใหเ้ ห็นกระบวนการของการสรา้ งแผนที่ด้วย Google Maps ตามมาตรฐาน
1.2.2 เพ่ือใช้เป็นแนวปฏิบัติสาหรับผู้ปฏิบัติให้สามารถทางานได้อย่างถูกต้องตามขั้นตอน ไม่

ผดิ พลาด และมีประสิทธภิ าพ
1.2.3 เป็นเคร่ืองมือท่ีสามารถใช้ในการถ่ายทอดหรือเผยแพร่ให้กับบุคลากรทั้งภายในและ

ภายนอกมหาวิทยาลัยได้

1.3 ประโยชน์ที่คำดว่ำจะไดร้ ับ
1.3.1 ไดค้ ่มู อื ปฏิบัตงิ าน เพอ่ื แนวปฏิบตั ิงานได้อย่างถูกต้องตามข้นั ตอน
1.3.2 บุคลากรหรือเจ้าหน้าที่มีความรู้ในด้านน้ีเพิ่มข้ึน และสามารถปฏิบัติงานแทนกันได้เป็น

มาตรฐานเดยี วกนั
1.3.3 สามารถนาความร้ทู ่ไี ดจ้ ากคูม่ ือไปเผยแพร่ให้กบั บุคลากร หรือผู้ที่สนใจได้

1.4 ขอบเขตค่มู ือ
คู่มือการสร้างแผนที่บนเวบ็ ไซตด์ ้วย Google Maps เล่มนเี้ ป็นคมู่ ือที่แสดงข้นั ตอน รายละเอยี ด

และกระบวนการต่าง ๆ ในการสร้างแผนที่บนเว็บไซต์ด้วย Google Maps โดยใช้ฟังก์ชันท่ีเรียกว่า
“My Maps" เพ่ือให้บริการทางวิชาการแก่สังคมสาหรับหน่วยงานภายใน และภายนอกมหาวิทยาลัย
ศิลปากร ท้ังยังสามารถนาข้อมูลเหล่าน้ันมาบริหารจัดการได้อย่างเป็นระบบ เพื่อตอบสนองความ
จาเป็นในการดาเนินงานในด้านต่าง ๆ รวมไปถึงการพัฒนางานวิจัยของสานักดิจิทัลเทคโนโลยี
มหาวิทยาลยั ศลิ ปากรด้วย ดังขั้นตอนตอ่ ไปน้ี

1.4.1 ศึกษาพื้นที่ และจานวนของข้อมูล รวมถึงข้อจากัดของ Google My Maps[4] ที่
เกี่ยวขอ้ ง

คมู่ ือการสรา้ งแผนท่บี นเวบ็ ไซตด์ ้วย Google Maps
สานกั ดจิ ทิ ลั เทคโนโลยี มหาวิทยาลยั ศลิ ปากร

3

1.4.2 รวบรวมขอ้ มลู ทไ่ี ด้มาออกแบบใหต้ รงกบั เป้าหมายทีต่ ้องการ
1.4.3 จัดการแปลงข้อมูลบางส่วนท่ีต้องการ ให้อยู่ในรูปแบบฐานข้อมูลท่ีเป็นนามสกุล CSV,
KML, GPX และ XLS เพ่ือสามารถนาเข้าข้อมูลที่ต้องการไปสร้างแผนท่ีบน Google My Maps ได้
เช่น แปลงไฟล์นามสกุลSHP ของตาแหน่งสถานท่ีสาคัญ ให้เป็นไฟล์นามสกุลKMl เสียก่อนจึงจะ
สามารถนาเข้าข้อมลู ตาแหน่งสถานท่ีสาคญั ได้ เป็นต้น
1.4.4 จดั ทาแผนที่บนเวบ็ ไซต์ด้วย Google Maps โดยนาขอ้ มูลต่าง ๆ ท่รี วบรวม จัดการ และ
ออกแบบไวแ้ ล้วนั้นมาดาเนินการให้สาเร็จตรงตามเปา้ หมายท่ีกาหนดของงาน ดงั น้ี

1) ขัน้ ตอนการสร้างบญั ชี Account Google
2) ข้นั ตอนการเขา้ ใช้งาน Google My Maps
3) ขั้นตอนการสรา้ งแผนท่ีบนเว็บไซตด์ ้วย Google My Maps
4) ขั้นตอนการแชร์ การใหส้ ิทธ์ผิ ้เู ข้าถึงและการรบั โค้ดแผนท่ี
1.4.5 ตรวจสอบความถกู ตอ้ งของข้อมูลที่จดั ทา ถ้าเกดิ ข้อผิดพลาดให้รบี แกไ้ ขทันที

1.5 นิยำมศัพทเ์ ฉพำะ

มหาวทิ ยาลัย หมายความวา่ มหาวทิ ยาลยั ศลิ ปากร
สานกั หมายความวา่ สานักดจิ ทิ ัลเทคโนโลยี มหาวิทยาลยั ศิลปากร
บคุ ลากร หมายความว่า ข้าราชการพลเรือนในสถาบันอุดมศึกษาและพนักงาน
มหาวทิ ยาลยั ท่ดี ารงตาแหน่ง
แผนที่ หมายความวา่ 1. ผู้บริหาร ได้แก่ อธิการบดี คณบดี รองคณบดี

ผู้อานวยการ เปน็ ต้น
2. สายวิช าการ ได้แก่ บุคลากรท่ีดารงตาแหน่ง

ศาสตราจารย์ รองศาสตราจารย์ ผู้ช่วยศาสตราจารย์
และอาจารย์
3 . ส า ย ส นั บ ส นุ น ไ ด้ แ ก่ บุ ค ล า ก ร ส า ย ส นั บสนุน
ลูกจา้ งประจา และลูกจ้างของมหาวทิ ยาลัย
ส่ิงท่ีแสดงลักษณะของพ้ืนผิวโลกทั้งที่เป็นอยู่ตามธรรมชาติ
และท่ีปรุงแต่งข้ึน โดยแสดงลงในพื้นแบนราบด้วยการ

คู่มือการสร้างแผนทบ่ี นเวบ็ ไซต์ด้วย Google Maps
สานกั ดจิ ทิ ลั เทคโนโลยี มหาวิทยาลัยศลิ ปากร

4

เวบ็ ไซต์ หมายความว่า ย่อส่วนให้เลก็ ลงตามขนาดที่ต้องการและอาศยั เครื่องหมาย
Google Maps หมายความว่า กับสญั ลักษณ์ทก่ี าหนดขน้ึ
ตาแหน่ง หรือท่ีอยู่ในระบบอินเทอร์เน็ตของบริษัท องค์กร
Google My Maps หมายความว่า บคุ คล เป็นตน้ ซ่งึ มีเอกสารและข้อมลู ตา่ ง ๆ แสดงเอาไว้
บริการของ Google ท่ีให้บริการ เทคโนโลยีด้านแผนที่
เลเยอร์ หมายความว่า ประสิทธิภาพสูง ใช้งานง่าย และให้ข้อมูลของธุรกิจใน
ไอเทม็ หมายความวา่ ท้องถ่ิน ได้แก่ที่ตั้งของธุรกิจ รายละเอียดการติดต่อและ
เส้นทางการขับขี่ คือ แผนทีแ่ ละภาพถา่ ยดาวเทียมคุณภาพ
ดี ซึ่งครองคลุมพ้ืนผิวโลกในมาตราส่วนต่าง ๆ ตามความ
เหมาะสม
เป็นบริการที่ Google ช่วยให้เราสามารถสร้างแผนที่หรือ
แก้ไขแผนที่ได้ด้วย สามารถทาได้ท้ังบนแอปพลิเคชันหรือ
เว็บไซต์ และยังสามารถค้นหาสถานท่ีจากนั้นก็บันทึกลงใน
แผนท่ีของผู้ใช้งาน เพิ่มจุดตาแหน่งที่อยู่ท่ใี ดก็ได้บนโลก ยัง
ดูเส้นทางและนาทางไปยังสถานท่ีท่ีบันทึกไว้บนแผนท่ีของ
ผู้ใชง้ านด้วย
ช้ันของการซ้อนทับกันของภาพเป็นชั้นๆ เปรียบเสมือน
แผน่ ใส่ที่เมอ่ื เรานามาวางทับกนั กจ็ ะสามารถมองเห็นภาพท่ี
เกิดจากการซอ้ นกนั ของแผ่นใสไดเ้ หมือนเป็นภาพเดยี ว
ส่ิงของ, รายการ

คมู่ ือการสร้างแผนทบี่ นเว็บไซตด์ ว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

บทท่ี 2

โครงสร้างองคก์ ร และบทบาทหน้าทค่ี วามรบั ผิดชอบ

2.1 ประวัติความเปน็ มาสานกั ดิจิทลั เทคโนโลยี [2]
เมื่อปี พ.ศ. 2532 ศูนย์คอมพิวเตอร์เป็นส่วนราชการท่ีจัดตั้งขึ้นโดยเปล่ียนสถานะภาพมาจาก

โครงการจัดต้ังศูนย์คอมพิวเตอร์ภายในคณะวิทยาศาสตร์ มหาวิทยาลยั ศิลปากร วิทยาเขตพระราชวัง
สนามจนั ทร์ ซ่ึงเป็นหน่วยงานภายในท่มี ีการดาเนนิ งานตงั้ แตป่ ี พ.ศ. 2528 ผู้รบั ผดิ ชอบโครงการศูนย์
คอมพิวเตอร์ คือ รองอธิการบดีฝ่ายวางแผนและพัฒนา (นายพิบูลย์ จินาวัฒน์) ผู้ดาเนินการ คือ
นางสาวรุจิรา พพิ ิธพจนการณ์ และนายสมศักด์ิ เกรอต โดยมคี วามเปน็ มาของศูนยค์ อมพวิ เตอรด์ ังนี้

สถานที่ต้ังของโครงการครงั้ แรก คือ อาคารคณะวทิ ยาศาสตร์ 1 มหาวิทยาลัยศลิ ปากร วิทยา
เขตพระราชวังสนามจันทร์ พ้ืนที่ประมาณ 140 ตารางเมตร ต่อมาได้มีที่ทาการถาวรภายในอาคาร
เรียนรวมของมหาวิทยาลัยศิลปากร วิทยาเขตพระราชวังสนามจันทร์ พื้นท่ีใช้งานประมาณ 500
ตารางเมตร

ศูนย์คอมพิวเตอร์ มหาวิทยาลัยศิลปากร ได้รับอนุมัติจัดตั้งอย่างเป็นทางการในปี พ.ศ. 2533
โดยได้เปลี่ยนช่ือเป็น สานักดิจิทัลเทคโนโลยี เมื่อ ปี พ.ศ. 2562 โดยมีภารกิจหลักในการให้บริการ
เครอ่ื งคอมพวิ เตอร์เพ่ือประกอบการเรียนการสอนในรายวิชาตา่ ง ๆ ของมหาวิทยาลยั บรกิ ารทางด้าน
หอ้ งปฏบิ ัติการคอมพิวเตอร์เพ่ือใชเ้ ปน็ สถานทฝี่ ึกประสบการณใ์ หแ้ ก่นักศึกษาด้วยเทคโนโลยีทท่ี ันสมัย
นอกจากนั้นสานักดิจิทัลเทคโนโลยี ยังให้บริการพัฒนาระบบงานคอมพิวเตอร์และระบบสารสนเทศ
เพื่อการบรหิ ารงานของมหาวิทยาลัย พร้อมท้ังส่งเสริมการผลิตส่ือการเรียนการสอนในรายวชิ าตา่ ง ๆ
นอกจากนี้ยังมีหน้าที่ในการฝึกอบรมทางด้านวิชาการให้แก่บุคลากรของมหาวิทยาลัย การให้บริการ
ด้านระบบเครือข่าย ตลอดจนการวิเคราะห์ข้อมูลและตรวจกระดาษคาตอบด้วยระบบคอมพิวเตอร์
แก่ส่วนราชการและหน่วยงานต่าง ๆ ตลอดจนดาเนินการวิจัยในด้านการพัฒนาซอฟต์แวร์ท่ีเป็น
ประโยชน์ต่อชุมชน โดยสานักดิจิทัลเทคโนโลยีได้ให้บริการดังกล่าวในทุกวิทยาเขตของมหาวิทยาลัย
ได้แก่ วทิ ยาเขตวงั ท่าพระ สานักงานอธิการบดตี ล่ิงชนั วิทยาเขตพระราชวงั สนามจนั ทร์ และวิทยาเขต
สารสนเทศเพชรบรุ ี

รายนามผอู้ านวยการสานักดิจิทลั เทคโนโลยตี ง้ั แต่เร่มิ ก่อตั้งจนถงึ ปจั จบุ ัน
พ.ศ. 2533 – 2543 ผู้ช่วยศาสตราจารยร์ ุจริ า พพิ ิธพจนการณ์
พ.ศ. 2543 – 2551 ผชู้ ่วยศาสตราจารย์ ดร.ปานใจ ธารทัศนวงษ์
พ.ศ. 2551 – 2555 อาจารยร์ วิทัต ภหู่ ลา

6

พ.ศ. 2555 – 2563 ผ้ชู ว่ ยศาสตราจารยฉ์ ัตรชัย เผ่าทองจนี
พ.ศ. 2563 – ปจั จุบนั อาจารย์ ดร.สุภาพ เกดิ แสง

2.2 ปรัชญา ปณิธาน วิสัยทัศน์ พันธกิจ ค่านยิ ม และยทุ ธศาสตร์[2]
ปรัชญา “ระบบเทคโนโลยีสารสนเทศและการส่ือสารเป็นกลไกพ้ืนฐานในการขับเคลื่อน

องค์กร”
ปณิธาน “มุ่งมั่นสร้างสรรค์การให้บริการด้านเทคโนโลยีสารสนเทศท่ีมีคุณภาพตอบสนองต่อ

ความตอ้ งการของมหาวิทยาลยั ศลิ ปากร”
วสิ ยั ทัศน์ “สานกั ดจิ ิทลั เทคโนโลยีเป็นองคก์ รแหง่ ความเป็นเลิศดา้ นเทคโนโลยีสารสนเทศ”
พันธกิจ
1) ให้บริการระบบเทคโนโลยีสารสนเทศและการสื่อสารที่ทันสมัย เพื่อการสนับสนุนงาน

ดา้ นการเรยี นการสอนและการวิจัยของมหาวิทยาลยั
2) ให้บริการและสนับสนุนการใช้งานระบบเทคโนโลยีสารสนเทศและการสื่อสารเพื่อการ

สนบั สนุนงานดา้ นบรหิ ารจัดการของมหาวิทยาลยั
3) สนับสนุนการค้นคว้าและสร้างสรรค์ผลงานวิจัยของสานักดิจิทัลเทคโนโลยี ซ่ึงนาไปสู่การ

พฒั นาผลงานไปประยุกตใ์ ชง้ านในภารกจิ ต่าง ๆ ของมหาวทิ ยาลัย
4) ให้บริการทางวิชาการแก่สังคมเพ่ือเสริมสร้างความเข้มแข็งแก่ชุมชนในด้านการพัฒนาและ

การประยกุ ตใ์ ช้เทคโนโลยีสารสนเทศพร้อมทงั้ สนับสนุนงานบริการวิชาการแกส่ ังคมของมหาวทิ ยาลัย
5) สนับสนุนสืบสานทานุบารุงศิลปวัฒนธรรมโดยการประยุกต์ใช้เทคโนโลยีสารสนเทศและ

การสื่อสารร่วมกบั ภมู ิศาสตร์สารสนเทศในการดาเนินกจิ กรรม

คา่ นิยม มคี วามเปน็ เลิศด้านดจิ ทิ ัลเทคโนโลยี
DRIVE มีความรับผดิ ชอบต่อหน้าท่ีและการทางานดว้ ยจติ
D Digital Technology บริการ
R Responsibility มคี วามคิดสรา้ งสรรค์ สร้างนวตั กรรมและองคค์ วามรู้
มีวิสยั ทัศน์การทางานที่ก้าวไกล
I Innovation & Intelligence
V Vision & Visibility

คู่มอื การสร้างแผนทบี่ นเวบ็ ไซตด์ ว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

7

E Excellence & Expertise & Ethic ทางานร่วมกนั ด้วยความเชี่ยวชาญอย่างมีประสิทธภิ าพ
& Efficiency & Engagement มคี ุณธรรมและจรยิ ธรรม
ยทุ ธศาสตรส์ านักดจิ ิทัลเทคโนโลยี
ยุทธศาสตรท์ ี่1 พฒั นาและปรบั ปรุงระบบเทคโนโลยสี ารสนเทศให้เอ้อื ต่อความต้องการของ
ประชาคม
ยทุ ธศาสตรท์ ี2่ สนับสนุนการใหค้ วามรดู้ า้ นเทคโนโลยสี ารสนเทศมาสรา้ งความเข้มแข็งให้
ชมุ ชนและสงั คม
ยทุ ธศาสตร์ท3่ี ส่งเสรมิ การวิจยั พัฒนาและสร้างสรรค์
ยุทธศาสตร์ท4ี่ พัฒนาและปรบั ปรงุ โครงสร้างสาธารณปู โภคพื้นฐานดา้ นเทคโนโลยี
สารสนเทศ
ยุทธศาสตร์ท5่ี พฒั นาการบริหารจดั การองคก์ รให้มปี ระสิทธิภาพ
ยทุ ธศาสตรท์ ่ี6 มาตรฐานดา้ นเทคโนโลยสี ารสนเทศ

2.3 โครงสร้างการบริหารองคก์ ร
2.3.1 โครงสรา้ งการบริหารสานักดิจทิ ัลเทคโนโลยี มหาวิทยาลัยศิลปากร
โครงสร้างการบริหารสานกั ดิจิทลั เทคโนโลยี มหาวิทยาลยั ศิลปากร ดังทป่ี รากฏในภาพที่

2.1 ดงั นี้

คูม่ อื การสร้างแผนที่บนเวบ็ ไซตด์ ้วย Google Maps
สานักดิจทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

8

ภาพที่ 2.1 โครงสรา้ งการบรหิ ารสานกั ดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร [2]
2.3.2 โครงสร้างอัตรากาลังบุคลากรงานสารสนเทศภูมิศาสตร์ ฝ่ายนวัตกรรมและวิชาการ
สานักดิจทิ ัลเทคโนโลยี มหาวทิ ยาลัยศิลปากร

โครงสรา้ งการบริหารงานสารสนเทศภูมิศาสตร์ ฝา่ ยนวัตกรรมและวิชาการ สานกั ดิจิทัล
เทคโนโลยี มหาวิทยาลัยศลิ ปากร ดังทปี่ รากฎในภาพที่ 2.2 ดังนี้

ภาพท่ี 2.2 โครงสรา้ งอตั รากาลังบุคลากรงานสารสนเทศภมู ิศาสตร์ ฝา่ ยนวัตกรรมและวิชาการ
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร [2]

2.4 บทบาทหนา้ ท่ีความรับผดิ ชอบ
2.4.1 บทบาทหนา้ ทค่ี วามรับผิดชอบและอัตรากาลังของสานกั ดจิ ิทลั เทคโนโลยี
แบง่ ออกเปน็ 4 ฝ่าย ดงั นี้
1) สานักงานเลขานุการ สานักดิจิทัลเทคโนโลยี มีจานวนบุคลากรในงานท้ังสน้ิ จานวน

14 คน โดยมีบทบาทหน้าท่ีความรับผิดชอบมีหน้าที่รับผิดชอบงานด้านต่าง ๆ ภายในสานักดิจิทัล

ค่มู อื การสรา้ งแผนที่บนเวบ็ ไซตด์ ว้ ย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวิทยาลัยศลิ ปากร

9

เทคโนโลยี ได้แก่ งานสารบรรณ งานจัดทาเอกสาร งานบริหารบุคคล งานการเงินและพัสดุ งาน
วางแผนและงบประมาณ ตลอดจนงานดา้ นประชาสัมพนั ธ์

2) ฝ่ายบริหาร และพัฒนาดิจิทัลเทคโนโลยี มีจานวนบุคลกรในงานท้ังส้ินจานวน 15
คน โดยมีบทบาทหน้าที่ความรับผิดชอบมีหน้าที่รับผิดชอบดูแลระบบเครือข่ายของมหาวิทยาลัย
ทุกวิทยาเขต การบริหารจัดการ Server เช่น ระบบเมล์ ระบบฐานข้อมูลต่าง ๆ ตลอดจนการ
บารงุ รกั ษาอุปกรณเ์ ครอื ขา่ ยหลกั ของมหาวทิ ยาลัยใหส้ ามารถใชง้ านได้อย่างปกติ

3) ฝ่ายบริการดิจิทัลเทคโนโลยี มีจานวนบุคลกรในงานทั้งสิ้นจานวน 16 คน โดยมี
บทบาทหน้าท่ีความรบั ผดิ ชอบมีหน้าทรี่ บั ผดิ ชอบการดูแลหอ้ งปฏิบัตกิ ารคอมพวิ เตอร์สาหรับการเรียน
การสอน การอมรมสัมมนา การศึกษาวิจัย และการศึกษาค้นคว้าด้วยตนเองของนักศึกษา และการ
บริการตา่ ง ๆ ทีเ่ กี่ยวข้องกบั คอมพิวเตอรแ์ ละการให้บริการพมิ พง์ านสาหรบั นักศึกษา

4) ฝ่ายนวัตกรรมและวิชาการมีจานวนบุคลกรในงานทั้งสิ้นจานวน 17 คน โดยมี
บทบาทหนา้ ที่ความรบั ผิดชอบมีหนา้ รับผิดชอบหลัก ได้แก่ งานรบั สมคั รนักศึกษาโครงการต่าง ๆ งาน
สนับสนนุ เชิงเทคนคิ งานฝกึ อบรม งานจดั ทาเวบ็ ไซต์ งานบรกิ ารตรวจข้อสอบดว้ ยเครื่องตรวจข้อสอบ
งานวิเคราะห์ข้อมลู ทางสถติ ิ และให้คาปรึกษาเกี่ยวกบั ซอฟต์แวร์

2.4.2 บทบาทหน้าที่ของฝ่ายนวัตกรรมและวิชาการ งานระบบสารสนเทศภูมิศาสตร์
สานกั ดิจทิ ลั เทคโนโลยี มหาวิทยาลยั ศลิ ปากร

มีหน้ารับผิดชอบหลัก คือ เป็นหน่วยงานพัฒนาเทคโนโลยีสารสนเทศภูมิศาสตร์เพื่อ
สนับสนุนการเรียนการสอนและงานวิจัยสร้างสรรค์ผลงานวจิ ัย และบริการวิชาการความรู้แก่ชุมชนมี
บุคลากรและผู้เชี่ยวชาญทั้งภายในและภายนอกท่ีมีความรู้ความสามารถ รวมถึงมีความเชี่ยวชาญใน
การใช้งานโปรแกรมสารสนเทศภูมิศาสตร์และโปรแกรมที่มีความเก่ียวข้องในการสร้างฐานข้อมูล
สารสนเทศภูมศิ าสตร์ทีม่ ีมาตรฐาน

2.4.3 บทบาทหน้าท่ีความรับผิดชอบของตาแหน่งนกั เทคโนโลยสี ารสนเทศ
ระดับปฏบิ ตั ิการ
บทบาทหน้าที่ความรับผิดชอบงานของตาแหน่งเทคโนโลยีสารสนเทศ ระดับปฏิบัติการ

ได้ปฏิบัติงานโดยสอดคล้องกับมาตรฐานกาหนดตาแหน่งนักเทคโนโลยีสารสนเทศ ซ่ึงมีขอบเขตของ
ภาระงานท่ีฝ่ายนวัตกรรมและวิชาการ สานักดิจิทัลเทคโนโลยี ได้มอบหมายให้ปฏิบัติและรับผิดชอบ
ดงั น้ี

คมู่ อื การสร้างแผนทีบ่ นเว็บไซตด์ ้วย Google Maps
สานกั ดิจิทลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

10

ภาระงานหลัก
1) การดาเนินงานรวบรวมและจัดการข้อมูลด้านสารสนเทศภูมิศาสตร์ (Geographic
Information System : GIS) เพอ่ื งานวิจัย
วางแผนการดาเนินงานเกีย่ วกับการจดั การฐานข้อมูลด้าน GIS ตามเปา้ หมาย

 รวบรวม และจัดเตรยี มข้อมลู ทเี่ กี่ยวข้องในการจัดการฐานข้อมลู ดา้ น GIS
 ติดตามงานเป็นระยะ จนเสร็จสมบรู ณ์
 สรุปภาพรวมของการดาเนนิ งานให้กับหัวหน้างาน
2) การใหบ้ ริการผลติ แผนทีบ่ นเวบ็ ไซต์ด้วย Google Maps
 รวบรวม และนาข้อมูลดา้ น GIS มาสร้างแผนทบ่ี นเว็บไซต์โดยใช้ Google Map
 นาแผนท่ที ่สี รา้ งขึ้นมาไปใชใ้ นการนาเสนอผลงาน ผา่ นเว็บไซต์ของหนว่ ยงาน

ตา่ ง ๆ ได้
 ตดิ ตามผลงาน และประเมินผล
3) งานบริการเผยแพร่ความรู้ด้านสารสนเทศภูมิศาสตร์ (Geographic Information
System : GIS) แกช่ ุมชน
 จัดทาเอกสารโครงการอบรมตา่ ง ๆ ของงานด้าน GIS
 จดั ทาแผนการดาเนนิ งาน
 ดาเนินงานตามแผนทีต่ งั้ ไว้
 จัดทาแบบประเมนิ และสรปุ แบบประเมินผลการดาเนินงาน
 มีการนาผลการประเมนิ มาปรบั ปรุงในการดาเนนิ งานตอ่ ไป
4) งานบริการอปุ กรณฮ์ ารด์ แวร์ และซอฟตแ์ วร์
 จดั ทาเอกสารการยมื -คนื อปุ กรณ์ รวมไปถึงเอกสารการใหบ้ รกิ ารฐานขอ้ มูล เป็น

ข้อมูลดา้ นGIS ที่ผรู้ ับบริการรอ้ งขอ และระบคุ วามตอ้ งการข้อมลู มา
 รบั ผิดชอบการ บรกิ ารเคร่อื งมือ และอุปกรณ์ตา่ ง ๆ ด้าน GIS พร้อมให้คาแนะนา

การใชง้ าน
 ติดตาม พรอ้ มทัง้ ดแู ลรกั ษาเครื่องมอื และอปุ กรณด์ า้ น GIS ใหอ้ ยู่ในสภาพท่ใี ช้

งานไดส้ มบรู ณ์
ภาระงานรอง
1) งานบริหารงานทว่ั ไป

คมู่ ือการสรา้ งแผนทบ่ี นเว็บไซต์ด้วย Google Maps
สานกั ดจิ ทิ ลั เทคโนโลยี มหาวิทยาลัยศิลปากร

11

 จดั ทาเอกสาร หนังสือราชการต่าง ๆ ของงานสว่ นงานสารสนเทศภูมศิ าสตร์
 ติดต่อประสานงานด้านตา่ ง ๆ กบั หน่วยงานทั้งภายใน และภายนอกมหาวทิ ยาลัย
2) งานอ่นื ๆ ทไี่ ด้รับมอบหมาย
ศกึ ษาค้นควา้ เทคโนโลยใี หม่ ๆ และดาเนนิ งานตามเปา้ หมายให้สาเร็จลลุ ว่ งไปด้วย
2.4.4 ผลงานเชิงพฒั นาของนางณัฐสริ ี นกแก้ว ตาแหนง่ นกั เทคโนโลยีสารสนเทศ
ระดบั ปฏิบตั กิ าร
ผลงานเชิงพฒั นา
1) ดาเนินการจัดทาแผนท่ีบนเว็บไซต์ด้วย Google Maps แสดงตาแหน่งจุดจอด
รถไฟฟ้า และตาแหน่งของคณะต่าง ๆ ภายในมหาวิทยาลัยศิลปากร ของระบบติดตามรถไฟฟ้า และ
รถสวัสดิการ ของมหาวิทยาลัยศิลปากร (สามารถดาวน์โหลดแอพพลิเคชั่น“NSTDA Tram” ได้ท้ัง
ระบบ Android และระบบ IOS รวมไปถึงดาเนินการประชาสัมพันธ์ และเผยแพร่กิจกรรมดังกล่าว
ดว้ ย
2) สร้างแผนที่บนเว็บไซต์ 2 ภาษา ด้วย Google Maps “ข้อมูลเกาะรัตนโกสินทร์”
เป็นโครงการความร่วมมือกับสานักหอสมุดวังท่าพระ มหาวิทยาลัยศิลปากร สามารถเข้าชมแผนท่ีได้
จาก QR Code ต่อไปนี้
 แผนทข่ี ้อมลู เกาะรัตนโกสินทร์ (Thai) >>

 แผนทีข่ อ้ มลู เกาะรัตนโกสนิ ทร์ (Eng) >>

3) สร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps “โครงการเทคโนโลยีสาหรับการเข้าถึง
ข้อมูลข่าวสารเพ่ือคนพิการทางสายตาและผ้ทู ่ีมีความพิการทางการไดย้ ิน” เป็นโครงการความรว่ มมอื
กบั พพิ ธิ ภัณฑ์แหง่ ชาตพิ ระนครคีรี สามารถเข้าชมได้จาก QR Code น้ี

คมู่ อื การสรา้ งแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลัยศิลปากร

12
4) สร้างแผนที่บนเว็บไซต์แสดงข้อมูลแหล่งมรดกวัฒนธรรม และเส้นทางเดินทัพของ
พระเจ้าตากในจังหวัดระยอง เป็นโครงการความร่วมมือกับคณะโบราณคดี มหาวิทยาลัยศิลปากร
สามารถเข้าชมแผนท่ไี ดจ้ าก QR Code ตอ่ ไปนี้

 แผนที่แสดงข้อมลู ตาแหน่งมรดกวฒั นธรรม จ.ระยอง >>
 แผนทแ่ี สดงเสน้ ทางเดนิ ทัพของพระเจ้าตาก จ.ระยอง>>

คมู่ ือการสร้างแผนที่บนเว็บไซต์ดว้ ย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวิทยาลยั ศลิ ปากร

บทท่ี 3

หลกั เกณฑแ์ ละวธิ ีปฏิบตั ิงาน

คู่มือการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps สานักดิจิทัลเทคโนโลยี มหาวิทยาลัย
ศิลปากรเลม่ นี้ มีหลกั เกณฑ์และวธิ ีการปฏบิ ตั งิ านทเี่ กี่ยวขอ้ ง ดังนี้

3.1 แนวคดิ ทฤษฎี
คู่มือการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps จัดทาข้ึนมาเพ่ือแสดงวิธีการสร้างแผนที่

แบบกาหนดเอง โดยใช้งานร่วมกับ Google Maps ในฟีเจอร์ที่เรียกว่า “My Maps” ซ่ึงช่วยให้เรา
สามารถสร้างหรือแก้ไขแผนที่ได้อย่างสะดวก และรวดเร็วสาหรบั การใช้งานสว่ นตัวหรือแบ่งปนั กับคน
อื่น ๆ ผู้ใช้จะสามารถปรับแก้แต่งแผนที่ของเราเองได้โดยใช้เครื่องหมายต่าง ๆ หรือเพ่ิมข้อความ
ภาพถ่าย และวีดีโอลงในแผนท่ี นอกจากนี้ยังสามารถวาดเส้นและรูปร่างเพื่อเน้นเส้นทางและพ้ืนท่ี
เพอื่ ปรับแต่งแผนทเ่ี พิม่ เติม ผใู้ ชส้ ามารถเลือกทีจ่ ะซ่อนแผนทขี่ องตนเองหรือแบ่งปนั กับคนอื่น ๆ ผา่ น
ทางการคน้ หาได้

Google My Maps เป็นบริการที่ Google เปิดตัวในเดือนเมษายน พ.ศ. 2550 ซึ่งทาให้ผู้ใช้
สามารถสร้างแผนท่ีท่ีกาหนดเองเพ่ือการใช้งานส่วนตวั หรือแบ่งปันให้ผู้อ่ืนได้ ผู้ใช้สามารถเพ่ิมจุดเสน้
และรูปร่างดา้ นบนของ Google แผนท่โี ดยใชโ้ ปรแกรมแก้ไขแบบ WYSIWYG

ในเดือนพฤศจิกายน พ.ศ. 2557 มีการเผยแพร่เวอร์ชันใหม่และแผนท่ีจากเวอร์ชันเดิมได้รับ
การอัปเกรดโดยอัตโนมัติ สามารถมชี น้ั เลเยอร์เพ่ิมขึน้ เพอื่ แยกประเภทข้อมลู แตล่ ะประเภทท่ีแตกต่าง
ออกจากกันเม่ือต้องการแสดงข้อมูลประเภทไหนก็คลิกเลือกเฉพาะที่ต้องการเท่าน้ัน มีการปรับแต่ง
ไอเท็มในแต่ละช้ันข้อมูลด้วยสไตล์ท่ีเหมือนกันจึงทาให้แผนท่ีดูสวยงามและง่ายต่อการใชง้ าน รวมถงึ
มีป้ายกากับช่ือหรือคาอธิบาย มีการเพิม่ ปา้ ยตา่ ง ๆ และยงั สามารถเปลี่ยนสีได้ด้วย [3]

3.1.1 ประโยชนข์ อง Google My Maps มี 3 ประการ ดังนี้ [4]
1) การสร้างแผนที่ทกี่ าหนดสถานท่สี าคญั สาหรับตนเองได้ง่าย
2) แชร์และทางานร่วมกัน อนุญาตให้ผู้อ่ืนดูและแก้ไขแผนที่ หรือแสดงแผนท่ีให้คนอื่น

ท่ัวโลกเข้าถึงได้
3) นาติดตัวไปทุกสถานที่ ดูแผนท่ีที่สามารถกาหนดเองในแอปพลิเคชันบนอุปกรณ์

เคล่อื นท่ีของ Google Maps เพอื่ คน้ หาสถานท่ีต่าง ๆ ได้ตลอดเวลา

14

3.1.2 ขอ้ จากดั ของ Google My Maps [4]
แผนท่ี Google มขี ้อจากดั บางประการในการใช้แผนที่ดจิ ทิ ัลมีรายละเอียด ดังนี้
1) ชั้นเลเยอรก์ ารทาแผนที่
ความต้องการสร้างช้ันเลเยอร์สาหรับแผนท่ีมีข้อจากัด คือสามารถเพิ่มชั้นได้ทั้งหมด

10 ช้ันเลเยอร์ต่อหนึ่งแผนท่ีหนึ่งช้ินเท่านั้น ในการสร้างแผนท่ีบางคร้ังอาจมีความต้องการนาข้อมูล
หลายๆประเภทให้มารวมอยู่ในแผนที่เดยี วกันเพื่อสะดวกในการนาเสนอ และสามารถทาให้ผู้ชมเข้าใจ
ในข้อมูลต่าง ๆ ของแผนท่ีได้มากขึ้นโดยไม่จาเป็นต้องเปิดแผนท่ีหลาย ๆ แผนที่สลับกันไปมาจึงอาจ
ทาให้มกี ารสร้างชน้ั เลเยอรม์ ากกว่า 10 ชน้ั เลเยอรไ์ ด้

2) ชั้นเลเยอร์เส้นทางการนาทาง
ช้ันเลเยอร์เส้นนาทางแผนที่ที่สร้างบนสมาร์ทโฟน และแท็บเล็ตระบบ Android ไม่

สามารถเขา้ โหมดเส้นนาทางได้ แตจ่ ะแสดงแค่เส้นทางบนแผนทีเ่ ท่านัน้
3) ไม่สามารถใชง้ านแบบออฟไลน์
เนอ่ื งจาก Google My Maps ใช้งานแบบออนไลนเ์ ทา่ นน้ั ไม่สามารถใชง้ านแบบ

ออฟไลน์ได้ ดงั น้ันการใชง้ านจาเปน็ ตอ้ งเชือ่ มตอ่ อินเทอร์เนต็ ตลอดเวลา

3.2 จริยธรรมของนักเทคโนโลยีสารสนเทศ [5]
นักสารสนเทศที่ดีควรมีจริยธรรมทางการใช้งานระบบสารสนเทศ ถึงแม้ว่าจริยธรรมจะไม่มี

กฎระเบียบหรอื ขอ้ บงั คบั ตายตัววา่ ต้องทา/ไมต่ อ้ งทาอะไร ไม่เหมือนกฎหมายท่ถี อื ว่าทกุ คนจะต้องอยู่
ในกรอบ และปฏิบัติตามอย่างเคร่งครัด ดังนั้น จึงจาเป็นต้องรู้ถึงจริยธรรมและกฎหมาย ที่เกี่ยวข้อง
กบั สารสนเทศ ดงั ตอ่ ไปน้ี

ความหมายของจริยธรรม และจริยธรรมของนักสารสนเทศ ตามพจนานุกรมฉบับ
ราชบัณฑิตยสถาน พุทธศักราช 2542 ให้ความหมายของคาว่า “จริยธรรม” หมายถึง ธรรมที่เป็นข้อ
ประพฤติปฏิบัตศิ ลี ธรรม กฎศลี ธรรม

นักสารสนเทศ ในฐานะท่ีเป็นบุคคลที่เก่ียวข้องกับกระบวนการผลิตสารสนเทศเร่ิมต้ังแต่นา
ขอ้ มูลเข้าสง่ ไปประมวลผล และไดอ้ อกมาเป็นสารสนเทศ ซง่ึ สารสนเทศที่ได้สามารถนาไปใชป้ ระโยชน์
อย่างใดอย่างหน่งึ หรือ การตดั สินใจ เปน็ ตน้

ดังน้ัน จริยธรรมของนักสารสนเทศ จึงสรุปความหมายได้ว่า การท่ีบุคคลน้ันมีการประพฤติ
ปฏิบัติที่ดี คิดดี ทาดีต่อการนาสารสนเทศไปใช้ รวมถึงการใช้สื่อส่ิงพิมพ์ ส่ือโสตทัศน์ และสื่อ
อเิ ลก็ ทรอนิกส์ ท่ีไม่ละเมิดสิทธขิ องผ้อู นื่ และไมก่ ่อให้เกดิ ความเสียหายแก่บคุ คลได้

คู่มอื การสรา้ งแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวิทยาลัยศลิ ปากร

15

ความสาคัญของจริยธรรม [6]
ความสาคัญของจริยธรรมว่ามปี ระโยชน์ต่อการดาเนนิ ชีวิต และการพฒั นาสงั คม กลา่ วคอื
1) ในแง่ที่จริยธรรมมีความสาคัญต่อการดาเนินชีวิต คนที่มีจริยธรรมย่อมมีเครื่องมือที่ช่วยให้
คิด ใหก้ ระทาในสิ่งท่ีดี ท่สี ร้างสรรค์ประโยชน์ แก่ตนเองและส่วนรวม มสี ่งิ ยดึ เหนีย่ วจิตใจและจงู ใจให้
กระทาในส่ิงท่ีไม่ก่อให้เกิดปัญหา ซ้ายังสร้างความสาเร็จความเจริญให้แก่ชีวิตตนเอง รู้จักที่จะใช้
ความรู้ความสามารถท่ีมีในทางท่ีสร้างประโยชน์ได้เต็มที่ ดังเช่นตัวอย่างที่มีให้เห็นว่านิสิตที่มีความ
ขยันหม่ันเพียร ความรับผิดชอบก็ย่อมประสบความสาเร็จในการเรียน ส่วนผู้ท่ีเกียจคร้านขาดความ
เอาใจใส่ในหน้าท่ี ย่อมพบกบั ปญั หาสอบตก เรียนซา้ หรอื ตอ้ งออกบา้ ง ผู้ให้บริการทมี่ ีกรยิ ามารยาท
สุภาพ อ่อนน้อม มีวาจาไพเราะอ่อนหวาน ก็ย่อมเป็นผู้ท่ีได้รับความชื่นชมและสนับสนุนมากกว่าผูท้ ่ีมี
กริยาวาจา หยาบคาย ฯลฯ
2) ในแง่ที่จริยธรรมมีความสาคัญต่อสังคม ไม่ว่าจะเป็นสังคมกลุ่มย่อย เช่น ครอบครัว เพื่อน
ฝูง หรือสังคมกลุ่มใหญ่ เป็นต้นว่า สังคมอาชีพ สังคมชุมชน สังคมชาติ สังคมโลกก็ตามล้วนแล้วแต่
ได้รับประโยชน์จากการมีจริยธรรมของคนในแต่ละสังคมด้วย เม่ือสมาชิกในสังคมประพฤติตามหลัก
จริยธรรม สมาชิกเองเป็นผู้ได้รับความสุข ความเจริญ ก็ย่อมเป็นผลให้ สังคมไทยส่วนรวมมีความสุข
ความเจริญไปดว้ ย
ส่งิ ท่ตี อ้ งคานงึ ถึงด้านจรยิ ธรรมของนักสารสนเทศ
จรยิ ธรรมของนักสารสนเทศ สามารถสรปุ ได้ดังน้ี
1) ความเป็นสว่ นตัว (Privacy) มองในสว่ นของสิทธิส่วนบคุ คลทพี่ ึงมี
2) ความถูกต้องของข้อมูล (Accuracy) มองในส่วนการจัดเก็บข้อมูลลงฐานข้อมูลต้องถูกต้อง
3) ความเป็นเจา้ ของ (Property) มองในส่วนของสิทธิความเปน็ เจา้ ของใน Software

(ลขิ สทิ ธ)์ิ
4) สิทธิ์การเข้าใช้ข้อมูล (Access) มองในส่วนของการเข้าใช้ข้อมูลว่าผู้ใดได้รับอนุญาตให้ใช้
ข้อมลู

สว่ นใดบ้าง และไม่อนุญาตให้บุคคลภายนอกใชข้ อ้ มลู ส่วนใดบ้าง

คมู่ ือการสร้างแผนทบี่ นเวบ็ ไซตด์ ว้ ย Google Maps
สานกั ดจิ ิทลั เทคโนโลยี มหาวิทยาลยั ศลิ ปากร

16

3.3 หลกั การปฏบิ ตั ิงาน
การสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps ต้องดาเนินการตามกระบวนการหลักการ

ปฏบิ ัติงาน PDCA เป็นหลักในการปฏิบตั ิงาน ดังนี้

ตารางท่ี 3.1 หลักการปฏบิ ัตงิ าน PDCA

หลักการปฏิบัติงาน PDCA รายละเอยี ดในการปฏิบตั ิงานตามหลกั การ PDCA
P = Plan (การวางแผน) 1. ศึกษาวเิ คราะห์ประโยชน์ และขอ้ จากดั ต่าง ๆ ของเครื่องมือ และขอ้ มูล
ที่เก่ียวขอ้ งกบั การปฏิบตั งิ าน
D = Do (การปฏบิ ัติตาม 2. รวบรวมข้อมูลที่ได้มาจากการศึกษา และวิเคราะห์แล้วมา
แผน) ออกแบบใหต้ รงกับเป้าหมายทต่ี ้องการ
3. จัดการแปลงข้อมูลบางสว่ นท่ตี อ้ งการ ให้อยู่ในรปู แบบข้อมลู ท่ี
เป็นนามสกลุ CSV, KML, GPX และ XLS เพือ่ สามารถนาเขา้
ขอ้ มูลท่ีตอ้ งการไปสรา้ งแผนท่ีบน Google My Maps ได้ เชน่
แปลงไฟลน์ ามสกุลSHP ของตาแหน่งสถานทส่ี าคัญ ให้เป็นไฟล์
นามสกุลKML เสียก่อนจงึ จะสามารถนาเข้าข้อมลู ตาแหน่งสถานท่ี
สาคญั ได้ เปน็ ตน้
1. รวบรวมและตรวจสอบข้อมูล และเอกสารต่าง ๆ ให้สอดคล้อง
และถูกต้อง
2. ประมวลผลข้อมูลต่าง ๆ ท่ีได้รวมรวม และตรวจสอบความ
ถกู ตอ้ งมาแล้ว เพ่ือนาไปสรา้ งแผนท่ี
3. ดาเนินการสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps ตาม
ข้อมลู ที่ได้ประมวลผลมาแล้ว

ค่มู อื การสร้างแผนทบี่ นเว็บไซต์ด้วย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

17

ตารางท่ี 3.1 หลกั การปฏบิ ัตงิ าน PDCA (ตอ่ )

หลกั การปฏิบตั ิงาน PDCA รายละเอยี ดในการปฏิบตั ิงานตามหลกั การ PDCA
C = Check (ตรวจสอบ 1. ตรวจสอบความถูกต้องของข้อมูลให้ครบถ้วน และเอกสารท่ี
เกี่ยวข้อง
การปฏบิ ตั ติ ามแผน) 1. ประเมนิ ความพงึ พอใจของผู้รบั บริการ
A = Act (ปรับปรุงแกไ้ ข) 2. สรุปผลการดาเนินงานและรายงานผลต่อผบู้ ริหารตามลาดับ

ทาสรปุ ผลการประเมนิ และข้อเสนอแนะ เพื่อเปน็ ข้อมลู ในการ
พฒั นา และปรบั ปรงุ แก้ไขในคร้งั ต่อไป

คมู่ ือการสรา้ งแผนทบี่ นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร

บทที่ 4

เทคนคิ และข้นั ตอนการปฏิบตั ิงาน

การสรา้ งแผนท่ีบนเว็บไซต์ดว้ ย Google Maps มีเทคนิค และแนวทางการคิดวิเคราะห์ที่เป็น
แบบแผนโดยมขี น้ั ตอนการปฏบิ ตั ิงาน ดังนี้

4.1 มาตรฐานการปฏบิ ตั ิงาน
ผู้เขียนค่มู อื การสร้างแผนท่ีบนเว็บไซต์ด้วย Google Maps ใชห้ ลกั การทางานและแนวทางการ

ปฏบิ ัตงิ านเป็นมาตรฐานในการปฏบิ ัตงิ าน ดงั นี้
4.1.1 หลักการทางาน
คูม่ อื การสร้างแผนที่บนเว็บไซต์ด้วย Google Maps เล่มน้ี เปน็ กระบวนการในการสร้าง

แผนที่บน Google Maps เพ่ือให้ได้แผนที่ดิจิทัล หรือข้อมูลสารสนเทศ ท่ีสามารถนามาใช้ใน
การตัดสินใจ ที่เป็นประโยชนต์ ่อการดาเนินงานหรอื เผยแพร่แก่ผู้อื่น ได้เกิดความรู้ความเข้าใจรว่ มกนั
ซง่ึ มีกระบวนการเพื่อใหไ้ ด้ขอ้ มูลสารสนเทศทด่ี ี มีข้ันตอนดังน้ี

1) การรวบรวมข้อมูล เป็นการนาข้อมูลท่ีต้องการจากหลาย ๆ แหล่งข้อมูลมารวมกัน
ด้วยวิธีการต่าง ๆ เช่น การให้กลุ่มเป้าหมายช่วยตอบแบบสอบถามท่ีผู้ใช้งานคิดขึ้นมา การอ่านรหัส
แท่งจากแถบรหัสสินค้า หรืออ่านข้อมูลจากการฝนดินสอลงในกระดาษคาตอบในการทาข้อสอบ
เป็นต้น

2) การตรวจสอบความถูกต้องของข้อมูล เป็นการนาข้อมูลจากแหล่งข้อมูลต่าง ๆ
มาตรวจสอบและแก้ไขให้ถูกต้องด้วยการใช้สายตามนุษย์ หรือตั้งกฎเกณฑ์ให้คอมพิวเตอร์ตรวจสอบ
เพื่อให้ไดข้ ้อมูลทนี่ า่ เช่ือถอื เหมาะสาหรับนามาใชป้ ระโยชน์ตอ่ ไป

3) การประมวลผลข้อมูล เป็นการนาข้อมูลท่ีได้ตรวจสอบและแก้ไขให้ถูกต้อง แล้วมา
ทาการประมวลผลด้วยวธิ กี ารต่าง ๆ เชน่ จัดกลุ่ม จดั เรียงตามตวั อกั ษร และเปรียบเทยี บหรอื คานวณ
ข้อมูล เพื่อใหไ้ ด้ผลสรปุ ที่เปน็ สารสนเทศและนาไปใชง้ านได้

4) การจัดเก็บเป็นการนาสารสนเทศที่ทาการประมวลผลแล้ว มาจัดเก็บใน
หน่วยความจาของเคร่ืองคอมพิวเตอร์ หรือสื่อบันทึกชนิดอื่น ๆ เช่น แผ่นซีดี แผ่นดีวีดี
หนว่ ยความจาแบบแฟลซ (แฟลซไดรฟ์) เปน็ ตน้

5) การทาสาเนา เป็นการนาสารสนเทศท่ีจัดเก็บไว้มาทาสาเนา เพื่อสารองสารสนเทศ
ไว้ใช้หากข้อมูลต้นฉบับเกิดการสูญหาย และสามารถนาไปใช้ได้อย่างสะดวกรวดเร็วในโอกาสต่าง ๆ

19

ซ่ึงทาได้หลายวิธี เช่น การถ่ายเอกสารเก็บไว้ในแฟ้ม การทาสาเนาลงในแผ่นซีดี แผ่นดีวีดี หรือ
หน่วยความจาแบบแฟลซ (แฟลซไดรฟ์) เป็นตน้

6) การเผยแพร่สารสนเทศ เป็นการนาสารสนเทศไปแจกจ่ายให้ผู้อ่ืนได้มีความรู้ความ
เขา้ ใจและนาไปใช้ประโยชนด์ ้วยวธิ กี ารต่าง ๆ เชน่ การเผยแพร่ลงเวบ็ ไซต์สาธารณะ กระดานสนทนา
ทาแผ่นพับหรือใบปลิว ทาสาเนาลงในส่ือบันทึกข้อมูล วางไว้ในสถานท่ีท่ีหยิบง่าย จัดป้ายนิเทศ
ในบริเวณทเ่ี ป็นจุดสนใจหรอื งานนิทรรศการ เปน็ ตน้

4.1.2 แนวทางการปฏิบัตงิ าน

นอกจากหลักการทางานแล้ว ยังได้ใช้สมรรถนะในการปฏิบัติงานและประสบการณ์ใน

การทางานมากาหนดแนวทางการปฏิบัติงานของบุคลากร ตามภาระงานสานักดิจิทัลเทคโนโลยี

มหาวทิ ยาลัยศิลปากร ดงั ตารางท่ี 4.1

ตารางท่ี 4.1 สมรรถนะและมาตรฐานในการปฏบิ ตั ิงาน

สมรรถนะ มาตรฐานการปฏบิ ัติงาน

ในการปฏบิ ตั ิงาน

การมงุ่ ผลสมั ฤทธิ์ 1. มีความรู้ ความสามารถในหน้าที่รับผิดชอบอย่างสูง และบริการเหนือ

ความคาดหมาย มีแหล่งข้อมูลใช้อ้างอิงส่งผลต่อความพึงพอใจของ

ผู้รับบรกิ าร

1. 2. มีความต้ังใจ มีความขยัน หมั่นเพียร และมุ่งม่ันในการปฏิบัติงานที่

รับผิดชอบให้สาเร็จตามเป้าหมาย และมีผลสัมฤทธิ์ในการปฏิบัติงาน

ตามทไี่ ดร้ บั มอบหมาย

2. 3. มุ่งสร้างและพัฒนาผลงานให้มีคุณภาพอย่างต่อเนื่อง เช่น มีการ

ฝึกอบรมอย่างสม่าเสมอ ตอบคาถามผู้ใช้ผ่านระบบออนไลน์ และมีการ

นาผลการประเมนิ มาวิเคราะหเ์ พื่อพฒั นางานตนเองและหนว่ ยงาน

คู่มือการสร้างแผนทบี่ นเวบ็ ไซต์ดว้ ย Google Maps
สานักดิจทิ ลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร

20

ตารางท่ี 4.1 สมรรถนะและมาตรฐานในการปฏิบตั งิ าน (ต่อ)

สมรรถนะ มาตรฐานการปฏิบัตงิ าน

ในการปฏิบตั ิงาน

ความเข้าใจองค์กร 1. มีความเข้าใจองค์กร คน ระบบงาน และวัฒนธรรมองค์กรในภาพรวม

และระบบงาน และมีความสามารถในการสร้างความเช่ือมโยงระหว่างระบบงานและ

โดยการใช้เทคโนโลยี และเรียนรู้วิธีการปฏิบัติงานและสามารถ

แกป้ ัญหาข้อบกพรอ่ งทเี่ กิดขึ้น

2. มีมาตรฐานในการปฏิบัติงานสอดคล้องปรัชญา ปณิธาน วิสัยทัศน์

พันธกจิ และค่านิยมขององคก์ ร

3. มีการยอมรบั ในการเปล่ยี นแปลงท่จี ะเกิดข้นี ในองค์กร เชน่ การเปลยี่ น

โครงสร้างองค์กร ระบบงาน และการปรบั เปลย่ี นกระบวนงานเปน็ ต้น

การทางานเปน็ ทมี 1. มีความสามารถในการทางานเปน็ ทีมได้ (Team Work)

2. มีความพึงพอใจในหน้าที่ของตนที่ได้รับมอบหมายจากทีมได้อย่าง

มคี วามสุข

3. สร้างและประสานงานระหว่างทีมในกลุ่มภารกิจใหบ้ รรลุเป้าหมายและ

มีประสทิ ธภิ าพ

การมคี ุณธรรม 1. ปฏบิ ตั ิหน้าที่ความรับผิดดว้ ยความโปร่งใส มคี วามซือ่ สตั ยส์ ุจรติ

จรยิ ธรรม และ 2. มีการอุทิศเวลาแกร่ าชการ มีความภาคภูมใิ จในสถาบนั ตนเอง

จรรยาบรรณ 3. มุ่งส่งเสริมการปฏิบัติงานในหน่วยงานและมหาวิทยาลัยให้บรรลุ

วัตถปุ ระสงค์และเปา้ หมาย

คมู่ อื การสร้างแผนทบ่ี นเวบ็ ไซต์ดว้ ย Google Maps
สานกั ดิจิทลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

21

4.2 ข้ันตอนการปฏิบัติงาน
เพอื่ ให้การปฏบิ ตั งิ านในการสร้างแผนท่บี นเว็บไซตด์ ว้ ย Google Maps ผเู้ ขียนคู่มือขอนาเสนอ

ข้ันตอนในการปฏิบัติงานด้านการสร้างแผนที่บนเว็บไซต์ด้วย Google Maps ท่ีเป็นภาระงาน
ที่เช่ือมโยงและสอดคล้องกันทั้ง 2 ขั้นตอนการปฏิบัติงานเป็น 2 รูปแบบ คือ รูปแบบผังงานของการ
ปฏิบตั งิ าน (Flow Chart) และรปู แบบข้อความ (Wording) ตามรายละเอยี ดดังน้ี

4.2.1 ขนั้ ตอนการปฏิบัติงานการสรา้ งแผนท่บี นเวบ็ ไซต์ด้วย Google Maps รูปแบบผังงาน
ของการปฏิบัตงิ าน (Flow Chart) ดังตารางท่ี 4.2

ตารางที่ 4.2 รปู แบบผังงานของการปฏบิ ตั งิ าน (Flow Chart)

ผังกระบวนงาน รายละเอยี ดงาน ผรู้ บั ผิดชอบ

เรมิ่ ตน้ จุดเรมิ่ ตน้ ข้ันตอน

ศึกษา วเิ คราะห์พ้ืนท่ี 1. ศกึ ษาพ้นื ท่ี และจานวนของขอ้ มูล รวมถงึ ผู้ปฏบิ ัติงาน
และข้อมลู ทเี่ ก่ยี วข้อง ขอ้ จากัดต่าง ๆ ทีเ่ กยี่ วขอ้ ง
ผปู้ ฏิบตั งิ าน
2. รวบรวมข้อมูลที่ได้มาออกแบบให้ตรงกับ หัวหนา้ งาน

เปา้ หมายทีต่ ้องการ

3. จัดการข้อมูลบางส่วนให้อยู่ในรูปแบบ

ฐานข้อมูลที่เป็นนามสกุล CSV, KML,

GPX, และ XLS เพื่อสามารถนาเข้า

ข้ อ มู ล ท่ี ต้ อ ง ก า ร ไ ป ส ร้ า ง แ ผ น ที่ บ น

Google My Maps ได้

นาเสนอขอ้ มลู ต่อหัวหนา้ งาน จัดทาข้อมูลเบื้องต้นเพื่อเสนอต่อหัวหน้า
งานและกาหนดขั้นตอน และระยะเวลาการ

ดาเนนิ งานท่ชี ดั เจน

หวั หนา้ งานพิจารณา NO หัวหนา้ งานพจิ ารณาเหน็ ชอบตามเสนอ

YES
A

คูม่ ือการสร้างแผนทบี่ นเวบ็ ไซตด์ ้วย Google Maps
สานกั ดิจิทลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

22

ตารางที่ 4.2 รูปแบบผังงานของการปฏบิ ัติงาน (Flow Chat) (ตอ่ )

ผังกระบวนงาน รายละเอยี ดงาน ผูร้ บั ผิดชอบ
ผปู้ ฏิบัติงาน
A 1. จัดทาแผนท่ีบนเว็บไซต์ด้วย Google
Maps มีขนั้ ตอนดังนี้
1.จดั ทาแผนทต่ี ามข้ันตอน  ขนั้ ตอนการสรา้ ง Account Google
-ขนั้ ตอนการสรา้ ง Account ในกรณที ี่มีบญั ชี Google อยู่แล้วไม่
Google จาเปน็ ต้องสรา้ งใหม่
-ขัน้ ตอนการเขา้ ใช้งาน Google  ขน้ั ตอนการเขา้ ใช้งาน Google My
My Maps Maps
-ขัน้ ตอนการสรา้ งแผนที่  ขัน้ ตอนการสร้างแผนทีบ่ นเว็บไซตด์ ว้ ย
-ขั้นตอนการแชร์ การให้สทิ ธผ์ิ ู้ Google My Map สามารถสรา้ งได้
เขา้ ถึงและการรบั โคด้ แผนที่ ทั้งบนคอมพิวเตอรผ์ ่านทางเวบ็ ไซต์
และบนสมาร์ทโฟนหรอื แท็บเลต็ ทีใ่ ช้
2.ตรวจสอบความถกู ตอ้ ง ระบบ Android ผ่านแอปพลเิ คชนั
ของขอ้ มลู  ซง่ึ ผู้ใชง้ านสามารถปรับแต่งแผนท่ี
ตามความต้องการได้ แต่จะมขี ้อ
3.เมอื่ พบขอ้ ผิดพลาดตอ้ งรีบ แตกต่างกัน คือ ในชน้ั เลเยอร์เสน้ นา
แก้ไขทันที ทาง แผนทีท่ ่ีสรา้ งบนอุปกรณร์ ะบบ
Android จะไมส่ ามารถเข้าโหมดเส้น
4.รายงานความก้าวหน้า นาทางได้ แตจ่ ะแสดงแคเ่ สน้ ทางบน
ของงานใหห้ ัวหนา้ งานรับทราบ แผนท่เี ท่านั้น
 ขนั้ ตอนการแชร์ การให้สทิ ธผ์ิ เู้ ขา้ ถึง
เปน็ ระยะ และการรบั โค้ดแผนท่ี

2. ตรวจสอบความถูกต้องของข้อมูลให้
ครบถ้วน

3. เมื่อพบขอ้ ผดิ พลาดตอ้ งรีบแกไ้ ขทันที

B

คูม่ อื การสรา้ งแผนทบี่ นเวบ็ ไซตด์ ว้ ย Google Maps
สานักดิจทิ ลั เทคโนโลยี มหาวิทยาลัยศิลปากร

23

ตารางที่ 4.2 รปู แบบผังงานของการปฏบิ ตั งิ าน (Flow Chat) (ตอ่ )

ผังกระบวนงาน รายละเอียดงาน ผ้รู บั ผดิ ชอบ

B 4. รายงานความก้าวหน้าของงานให้หัวหนา้
งานรับทราบเปน็ ระยะ
5.ประเมินความพงึ พอใจของ
ผู้รับบริการ 5. ประเมนิ ความพงึ พอใจของผูร้ ับบรกิ าร
6. สรุปผลการดาเนินงาน และรายงานต่อ

หัวหน้างาน เพื่อเป็นข้อมูลในการพฒั นา
และปรบั ปรุงแก้ไขในครงั้ ต่อไป

6.สรปุ ผลการดาเนนิ งาน
และรายงานตอ่ หัวหนา้ งาน

จดุ ส้นิ สดุ จุดสนิ้ สดุ

4.2.2 ขั้นตอนการปฏิบตั งิ านการสรา้ งแผนท่ีบนเว็บไซต์ดว้ ย Google Maps รูปแบบ

ขอ้ ความ (Wording) เป็นการบรรยายหรอื อธบิ ายขนั้ ตอนการดาเนินงานดว้ ยขอ้ ความตัวอักษร

สรา้ งแผนทบี่ นเว็บไซต์ดว้ ย Google Maps ใชฟ้ งั กช์ ันทเี่ รียกว่า My Maps บน Google
Maps สามารถให้ผู้ใช้สร้างแผนท่ีท่ีกาหนดสถานท่ีสาคัญสาหรับตนเองได้ง่าย ๆ เช่น เพิ่มตาแหน่ง
หรือวาดรูปลงในแผนท่ี ค้นหาสถานที่และบันทึก รวมถึงการออกแบบ ปรับเปลี่ยนแผนที่ให้อยู่ใน
รูปแบบของตนเอง สามารถสร้างได้ท้ังบนคอมพิวเตอร์ผ่านทางเว็บไซต์และบนสมาร์ทโฟน หรือ
แทบ็ เลต็ ที่ใช้ระบบ Android ผ่านแอปพลเิ คชนั

ดงั น้นั สามารถแบง่ การดาเนนิ งานออกเปน็ ขั้นตอนตา่ ง ๆ ไดด้ งั ต่อไปนี้
1) ขั้นตอนการสร้าง Account Google

คู่มอื การสร้างแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร

24

ผู้ที่มี Account Google หรือบุคลากรของหน่วยงาน รวมถึงบุคลากร ของ
มหาวทิ ยาลัยท่มี ี Account Google เชน่ [email protected], [email protected] ไมจ่ าเปน็ ตอ้ ง
สรา้ ง Account ข้ึนมาใหมส่ ามารถขา้ มขน้ั ตอนน้ีไดเ้ ลย

ส า ห รั บ ผู้ ใ ช้ ท่ี ไ ม่ มี Account Google ใ ห้ เ ข้ า ไ ป ส ร้ า ง Account Google ท่ี
www.google.com ดังภาพที่ 4.1 และใหด้ าเนินการตามข้นั ตอนตามภาพประกอบ ต่อไปนี้

1.เข้าเวบ็ ไซต์ www.google.com 2.กดเลอื ก “Sing in” เพอ่ื ลงชอ่ื เข้าใช้
งาน

ภาพที่ 4.1 ข้ันตอนการลงชอ่ื เข้าใช้งาน Google

4.กรอกขอ้ มลู ผู้ใชง้ านใหค้ รบถ้วน

3.กดเพื่อสร้างบัญชี 5.กด “Next”
ใหม่ เมอื่ กรอกขอ้ มูลด้านบนครบถว้ น

แล้ว

ภาพท่ี 4.2 ขัน้ ตอนการสรา้ ง Account Google

ค่มู อื การสรา้ งแผนทบี่ นเวบ็ ไซตด์ ว้ ย Google Maps
สานกั ดจิ ิทลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร

25

จากภาพที่ 4.2 แสดงถึงข้ันตอนการสรา้ งบัญชี Account Google นั้น ผใู้ ช้สามารถ
สรา้ งบัญชี Account Google ไดอ้ ย่างง่ายดาย และรวดเรว็ ความสาคัญจะอยู่ท่กี ารกรอกข้อมลู ของ
ผู้ใช้งานใหค้ รบถว้ นสมบูรณ์ Username จะต้องไม่ซ้าซ้อนกบั Username ท่ีมีอยู่ในระบบของ
Google สว่ นการตงั้ Password จะต้องมีตัวอักษร ตวั เลข หรอื สัญลักษณอ์ ย่างน้อย 8 ตวั ข้นึ ไป

2) ข้นั ตอนการเขา้ ใชง้ าน Google My Maps
เม่ือมีบัญชี Account Google เรียบร้อยแล้ว ให้ลงชื่อเข้าใช้งาน Google และ

ผู้ใช้งานกดเมนูข้างตัวเลือก “ลงชื่อใช้งาน” จะปรากฏแถบเมนูขึ้นมาเพื่อให้กด “Drive” จากน้ันผู้ใช้
จะเข้าถึงหน้าต่างของ My Drive ซึ่งเป็น Drive ส่วนตัวของเจ้าของบัญชีเอง My Drive จะมีฟังก์ชัน
ตา่ ง ๆ ให้ใชง้ านได้มากมาย ใหก้ ด My Drive จากนน้ั เลอ่ื นไปที่ More แลว้ กด Google My Maps ดงั
ภาพท่ี 4.3

1.กดเมนู

2.กดไปที่ “Drive”

3.กดตามลาดับ My Drive/More/Google My Maps

ภาพที่ 4.3 ขนั้ ตอนการเขา้ ใชง้ าน Google My Maps

ค่มู อื การสร้างแผนทบ่ี นเว็บไซตด์ ว้ ย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวทิ ยาลัยศิลปากร

26

3) ขนั้ ตอนการสรา้ งแผนที่บนเว็บไซตด์ ้วย Google My Maps
มีรายละเอียดการดาเนินการดังนี้
 การสร้างแผนทใี่ หม่ เม่อื เข้าสู่ Google My Map เรยี บร้อยแล้ว Google

จะดาเนินการสร้างแผนท่ีใหม่ให้กับผู้ใช้งานจากน้ันให้ผู้ใช้งานเข้าไปตั้งค่า และสามารถเข้าไปใส่
รายละเอียดตา่ ง ๆ ของแผนท่ีใหมไ่ ด้

ใหผ้ ู้ใช้งานเลอื กท่ี “Untitled map” จากนนั้ จะปรากฏหนา้ ตา่ งเพอ่ื ให้ต้ังช่อื และใส่
คาอธิบายใหก้ บั แผนท่ี เม่ือเสร็จแล้วให้กด “บนั ทกึ ” เม่อื ตง้ั ชื่อ และใสค่ าอธบิ ายแผนทแ่ี ล้ว จะสังเกต
ได้ว่า ข้อมูลด้านบนจาก “Untitled map” จะเปล่ียนช่ือ และคาอธิบายรายละเอียดไปเป็นช่ือตามที่
เรากาหนดไว้ ดงั ภาพที่ 4.4

1.กด “Untitled map” เพอ่ื ต้งั ช่อื และใส่คาอธิบายแผนที่

2.ตง้ั ชอื่ แผนที่
3.ใสค่ าอธิบายแผนท่ี
4.กด “บันทกึ ”

5.ช่อื และคาอธิบายทีต่ ง้ั

ภาพท่ี 4.4 ขน้ั ตอนการต้ังช่ือ และใส่คาอธบิ ายให้กบั แผนท่ใี หม่

คมู่ ือการสร้างแผนทบ่ี นเว็บไซต์ด้วย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวิทยาลยั ศิลปากร

27

 การนาเขา้ ข้อมลู เป็นการนาเข้าขอ้ มูลทตี่ ้องการ หรอื มีความจาเป็นในการ
สร้างแผนทบ่ี น Google My Maps ข้อมูลที่สามารถนาเข้าได้จะต้องอยู่ในรปู แบบนามสกุลท่ี Google
My Maps กาหนดไว้ ดงั น้ี

CSV เป็นไฟล์ข้อความประเภทหน่ึงที่ใช้สาหรับเก็บข้อมูลในรูปแบบตาราง ใช้
เคร่ืองหมายจุลภาค หรือคอมม่า (,) ในการแบ่งแต่ละคอลัมน์ โดยปกติเราสามารถบันทึกไฟล์จาก
Microsoft Excel ออกมาเปน็ CSV ไฟล์ได้โดยตรง

KMZ เป็นไฟล์ที่เก็บตาแหน่งแผนที่ที่สามารถดูได้ใน Google Earth ซ่ึงเป็น
โปรแกรมการทาแผนทร่ี ะดับโลก มันมเี ครือ่ งหมายบอกตาแหน่งท่ีอาจรวมถึงชอ่ื ทีก่ าหนดเองและพิกัด
ละตจิ ดู และลองจิจดู ของสถานที่

GPX เป็นไฟล์ข้อมูลที่ได้จากระบบ GPS (ระบบระบุตาแหน่งบนพื้นโลก) จะมี
ขอ้ มูลตาแหน่งละติจูด และลองจจิ ูด ซึง่ รวมถงึ จดุ เส้นทาง

XLS เป็นไฟล์ท่ีสร้างโดยโปรแกรม Microsoft Excel ซ่ึงจัดเก็บ และแสดง
ข้อมูลในรปู แบบตาราง อาจเกบ็ ฟังกช์ นั ทางคณิตศาสตร์ หรอื แผนภมู ิ เป็นต้น

- การนาเข้าขอ้ มลู จากไฟลน์ ามสกุล KMZ
จัดเตรียมชั้นข้อมูล (Shape File) ที่ต้องการ จากนั้นนาไปแปลงให้อยู่ใน

รูปแบบ KMZ เสียก่อน อาจแปลงจากโปรแกรมทางสารสนเทศภูมิศาสตร์(ดูภาคผนวกสาหรับ
ตัวอย่าง) เช่น Arcgis Qgis เป็นต้น หรือสามารถแปลงได้บนเว็บไซต์ต่าง ๆ ท่ี
ใหบ้ ริการ จากนนั้ ให้ผูใ้ ชง้ านกด“นาเขา้ ”
จากแถบด้านซ้ายมือจะปรากฏหน้าต่างให้กดที่ปุ่ม “ไฟล์ที่ต้องการจากอุปกรณ์” เลือกไฟล์ช่ือ
“ADMIN.kmz” จากน้ันให้กด “Open” ดังภาพที่ 4.5 นอกจากขั้นตอนที่กล่าวมาแล้ว การเลือกไฟล์
ยังสามารถทาได้โดยการลากไฟล์ที่มีนามสกุลตามที่กาหนดเข้ามาได้เลย แล้วแต่ความถนัดของ
ผ้ใู ช้งาน

คู่มอื การสร้างแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานกั ดิจทิ ลั เทคโนโลยี มหาวิทยาลัยศิลปากร

1.กด “นาเข้า” 28

3.เลอื กไฟล์ชอื่
“ADMIN.kmz”

4.กด “open”
2.กด “ไฟล์จากอปุ กรณ”์

ภาพที่ 4.5 การนาเขา้ ข้อมูลจากไฟล์นามสกุล KMZ
หลังจากท่ีผู้ใช้งานนาเข้าข้อมูล “ADMIN.kmz” เข้ามาแล้วแผนท่ีจะปรากฏ
ข้อมูลท่ีแถบเลเยอร์ด้านซ้ายมือช่ือ “ขอบเขตการปกครองระดับอาเภอ” และจะสังเกตว่ามีขอบเขต
ของจงั หวดั นครปฐมปรากฏข้นึ มาบนแผนท่ีดว้ ย ดังภาพท่ี 4.6

ข้อมลู ที่นาเข้าจากไฟล์ “ADMIN.kmz”

ขอบเขตจังหวัด
นครปฐม

ภาพที่ 4.6 ตัวอย่างข้อมูลจากไฟล์ นามสกุล KMZ ท่ีแสดงในแผนที่

คู่มอื การสร้างแผนทบ่ี นเวบ็ ไซตด์ ้วย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร

29

นอกจากนย้ี งั มีฟังกช์ ันการปรบั แต่งลักษณะท่ีปรากฏของฟเี จอรเ์ ลเยอร์ต่าง ๆ
บนแผนที่ให้แผนที่ดสู วยงาม และสามารถใสช่ อ่ื ของข้อมลู น้ันลงในแผนทไ่ี ด้

ให้ผู้ใช้งานกดท่ี “รูปแบบส่วนบุคคล” จะปรากฏ

รูปแบบต่าง ๆ ให้กด “รูปแบบตามคอลัมน์ข้อมูล” กด “ช่ือ” แผนที่จะเปลี่ยนจากสีเดิม เป็นสีท่ี

แตกต่างกันในแต่ละอาเภอ ถ้าต้องการใส่ช่ือให้กับแผนที่ให้เลือกที่ตั้งค่าป้ายกากับกด “ไม่มีป้าย

กากับ” แลว้ ให้กดเลอื กทช่ี อื่ จากนัน้ แผนที่จะแสดงชือ่ ของอาเภอในแผนท่ีด้วย ดังภาพที่ 4.7 และ 4.8

2
1

3

4

ภาพท่ี 4.7 การเปลีย่ นฟงั ก์ชันการปรับแต่งลักษณะของฟีเจอรเ์ ลเยอร์

ค่มู อื การสรา้ งแผนทบ่ี นเวบ็ ไซตด์ ้วย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร

รปู แบบจะเปลีย่ นไป 30

สีแต่ละอาเภอจะแตกต่างกนั

ภาพที่ 4.8 แผนท่ีที่ปรบั แต่งลักษณะของฟเี จอร์แล้ว

- การนาเขา้ ข้อมูลจากไฟล์ใน Excel
ผู้ใช้งานต้องเตรียมข้อมูลใส่ลงในไฟล์ Excel เพ่ือนาเข้าฐานข้อมูล เช่นใน

ตวั อยา่ งจะใส่ขอ้ มลู ดงั น้ี ลาดบั , ช่อื สถานศึกษา, พกิ ัด(ละตจิ ดู ,ลองจจิ ูด) ดังภาพท่ี 4.9

ภาพท่ี 4.9 ตัวอย่างข้อมลู จาก Excel

คมู่ ือการสรา้ งแผนทบ่ี นเวบ็ ไซต์ดว้ ย Google Maps
สานกั ดจิ ทิ ลั เทคโนโลยี มหาวิทยาลัยศิลปากร

31

ให้ผู้ใช้งานทาการเพ่ิมเลเยอร์กดที่ “เพ่ิมเลเยอร์” จากแถบ

ดา้ นซา้ ยมอื จะปรากฏเลเยอร์ใหม่ที่ไม่มีชื่อ จากนั้นให้กด “นาเข้า”และให้เปลี่ยนชอื่ เลเยอร์ตามข้อมูล

โดยกดไปท่ีเครือ่ งหมาย “ ” ดงั ภาพท่ี 4.10

1.เพ่มิ เลเยอร์ใหม่

2.กดนาเขา้
3.กดเพอ่ื เปล่ียนชื่อเลเยอร์

ภาพที่ 4.10 การเพ่ิมเลเยอร์ใหม่และเปล่ียนช่อื เลเยอร์

คู่มือการสรา้ งแผนทบ่ี นเวบ็ ไซตด์ ้วย Google Maps
สานกั ดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร

32

ในหัวข้อน้ีจะแสดงวิธีการลากไฟล์ท่ีมีนามสกุลตามที่กาหนดเข้ามาในแผนที่
ได้โดยไมต่ ้องกดเลือกไฟลจ์ ากคอมพวิ เตอร์ เม่ือลากไฟลน์ าเขา้ มาแลว้ จะปรากฎแถบใหผ้ ใู้ ช้กดคอลัมน์
ที่จะเลือกกาหนดคา่ ใหถ้ กู ต้องตามข้นั ตอน ดงั ภาพท่ี 4.11

หนา้ ต่างแสดงแผนท่ี Google map หนา้ ตา่ งแสดงไฟลท์ ตี่ ้องการนาเข้า

ลากไฟล์ท่ตี อ้ งการ

1

23

ภาพที่ 4.11 การนาเขา้ ข้อมูลจากไฟล์ใน Excel

ค่มู อื การสร้างแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวิทยาลัยศิลปากร

33

ขอ้ มลู ทีน่ าเขา้ จากไฟล์ “.KMZ”

ขอ้ มูลที่นาเขา้ จากไฟล์ “.XLSX”

ภาพท่ี 4.12 แผนทแี่ สดงข้อมลู ตาแหน่งมหาวทิ ยาลยั ในจงั หวัดนครปฐม
จากภาพที่ 4.12 การแสดงแผนที่ข้อมูลตาแหน่งมหาวิทยาลัยในจังหวัด

นครปฐม หลังจากที่นาเข้าข้อมูลจากไฟลใ์ น Excel แล้ว ผู้ใช้สามารถปรับเปล่ียนฟังก์ชันการปรับแต่ง
ลักษณะของฟีเจอร์เลเยอร์น้ีได้ตามข้ันตอนท่ีแสดงไว้จากภาพท่ี 4.7 ผู้ใช้งานจะเห็นข้อมูลทั้งสอง
ประเภทที่นาเขา้ แสดงอยูบ่ นแผนท่ดี ้วย

 การสรา้ งหมดุ ในแผนที่ เป็นการสร้างตาแหนง่ ทต่ี อ้ งการลงในแผนท่ี ดงั ภาพที่
4.13 เป็นตวั อย่างการสรา้ งหมดุ ตาแหน่งของคณะวทิ ยาศาสตร์ มหาวิทยาลัยศิลปากร

ให้ผู้ใช้งานสร้างเลเยอร์ใหม่ก่อน แล้วจึงเข้าไปใส่ข้อมูลท่ีช่อง “ค้นหา” ตัวอย่าง
จะใส่คาว่า “คณะวิทยาศาสตร์ มหาวิทยาลัยศิลปากร” จะสังเกตเห็นได้ว่ามีหมุดของคณะ
วิทยาศาสตร์ มหาวิทยาลัยศลิ ปากรปรากฏข้ึนในแผนที่โดยอัตโนมัติ จากนัน้ ใหก้ ด “เพิ่มลงในแผนที่”

หมุดกจ็ ะเพมิ่ ลงไปในเลเยอร์โดยอัตโนมัติดว้ ย ดงั ภาพที่ 4.13

คู่มือการสรา้ งแผนทบี่ นเวบ็ ไซตด์ ้วย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร

34

1.ใส่ขอ้ มูลท่ตี อ้ งการค้นหา เช่นช่ือสถานที่ หรอื
พกิ ัด

หมดุ และรายละเอียด
ของข้อมูลที่ค้นหา

2.กดเพิม่ แผนท่ี

ภาพท่ี 4.13 การสรา้ งหมุดในแผนท่ี

 การเปล่ียนรูปแบบมุมมองของแผนทฐ่ี าน เปน็ การเลอื กแผนที่ฐานใหเ้ หมาะกบั
งานทต่ี อ้ งการ

ให้ผู้ใช้งานกด “แผนท่ีฐาน” จากน้ันจะมีแผนที่ฐานรูปแบบต่าง ๆ ให้เลือก ใน
ตัวอยา่ งจะเลอื กใช้แผนท่ฐี านรูปแบบดาวเทยี ม ดังภาพที่ 4.14

เลือกแผนที่ฐานรปู แบบดาวเทยี ม
แผนทฐี่ านรปู แบบดาวเทียม

ภาพที่ 4.14 การเปล่ียนรูปแบบมุมมองของแผนที่ฐาน

ค่มู อื การสรา้ งแผนทบ่ี นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ิทลั เทคโนโลยี มหาวทิ ยาลยั ศิลปากร

35

 การเพ่มิ เครือ่ งหมาย สามารถทาไดถ้ ้าผู้ใชง้ านรู้จักพื้นทนี่ ัน้ ในแผนที่เป็นอย่างดี
เช่น พื้นที่ในบริเวณมหาวิทยาลัย หรือพ้ืนที่ในบริเวณหมู่บ้านของตัวเองผู้ใช้งานจะทราบดีว่าจุด
ตรงไหนเป็นตาแหน่งของท่ีต้ังอะไรบ้าง ตวั อยา่ งน้เี ปน็ พืน้ ทีภ่ ายในของมหาวทิ ยาลัยศิลปากร ผู้ใช้งาน
จะเพม่ิ ตาแหนง่ ของคณะศึกษาศาสตร์

ให้ผู้ใช้งานกดท่ี “เพิ่มเครื่องหมาย” และนาเคร่ืองหมายทีเ่ ลือกปกั ลง
ตาแหน่งท่ีต้องการ จากน้ันจะมีหน้าต่างให้เราสามารถเพิ่มชื่อ รายละเอียด รูปภาพ วีดีโอที่อธิบาย
ตาแหน่งทเี่ ราตอ้ งการไดด้ ว้ ย ดงั ภาพท่ี 4.15

เลิกทา,ทาซ้า เลือกรายการ,เพิม่ เคร่ืองหมาย,ลากเส้น

เพ่ิมเส้นทาง วดั ระยะทาง
1.กดเพิม่ เครืองหมาย

2.ปักหมดุ 3.ใสช่ ื่อ และรายละเอียด
4.เพิม่ รูปภาพและวีดโี อ

ภาพที่ 4.15 วธิ ีการเพ่ิมเคร่ืองหมาย

คมู่ อื การสรา้ งแผนทบี่ นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวิทยาลยั ศลิ ปากร

36

 การเพ่มิ ขอ้ มูลรายละเอยี ดตา่ ง ๆ เช่นข้อมูลตวั อักษร รปู ภาพ ไฟล์วีดีโอ หรือ

ลิงก์ต่าง ๆ การเพ่ิมรูปภาพ และวีดีโอมีให้เลือกด้วยกันหลายวิธี การเพ่ิมด้วยอัพโหลด แทรกท่ีอยู่

รูปภาพ แนบรปู ภาพจาก Google drive รวมไปถึงแทรกทอี่ ยขู่ องวีดีโอ YouTube

ให้ผูใ้ ชง้ านกด “รปู กลอ้ ง” จากด้านล่างของหน้าต่างข้อความดังภาพท่ี

4.15 แล้ว จะปรากฏหน้าต่างให้เพมิ่ รปู ภาพ หรือวีดโี อทีเ่ กยี่ วข้องเข้ามา จากตวั อย่างจะคัดลอก URL

ของ YouTube เอาวางไวใ้ นช่องทกี่ าหนด ดงั ภาพที่ 4.16

กดเลอื กแหล่งท่ีมาของขอ้ มูลจากแถบนี้

คัดลอก URL YouTube มาใส่

ภาพท่ี 4.16 การเพิ่มรูปภาพหรอื วีดีโอให้กบั แผนท่ี

วดี โี อทีเ่ พ่ิมเขา้ มาเหล่านนั้ จะปรากฏ และสามารถแสดงได้ในหน้าต่างรายละเอียด

ของตาแหน่งท่ีสร้างไว้ ดังภาพที่ 4.17 นอกจากนี้ผู้ใช้ยังสามารถเปล่ียนสี หรือไอคอนให้กับหมุด

ตาแหนง่ ไดโ้ ดยไปกดที่ “รปู แบบ” จากนน้ั จะปรากฏหน้าต่างเล็ก ๆ ขึ้นมาให้สามารถ

ปรับแต่งหมุดตามท่ีต้องการได้ ดังภาพที่ 4.17 จะเลือกเปลี่ยนรูปแบบของหมุดเป็นสีแดงและเลือก

ไอคอนเพิ่มเตมิ เป็นสญั ลักษณน์ ี้

คูม่ ือการสรา้ งแผนทบี่ นเว็บไซตด์ ้วย Google Maps
สานักดิจิทลั เทคโนโลยี มหาวทิ ยาลัยศิลปากร

37

เลอื กรปู แบบ

ภาพที่ 4.17 การปรับแตง่ หมุดตาแหน่งของแผนที่

 การลากเส้นในแผนท่ี เปน็ การสร้างพื้นท่รี ูปทรงปดิ เชน่ สนามฟุตบอล บ่อนา้
เป็นตน้

ใหผ้ ู้ใช้งานกดเครอื่ งหมาย “ลากเสน้ ” และกดเพม่ิ เสน้ หรือรูปรา่ งจากนั้น
ให้ลากเส้นไปตามแนวของพ้ืนทที่ ี่เราตอ้ งการสรา้ งและกด “บนั ทึก” ดังภาพที่ 4.18

1กดลากเส้น

2.ลากเส้นตามขอบเขต
3.ใสช่ อ่ื และรายละเอยี ด
4.เพมิ่ รปู ภาพและวีดีโอ

ภาพที่ 4.18 การลากเส้นในแผนที่

คูม่ ือการสรา้ งแผนทบ่ี นเว็บไซตด์ ว้ ย Google Maps
สานักดิจทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

38

 การสร้างเสน้ ทางนาทาง และวดั ระยะทางในแผนท่ี
- การสรา้ งเสน้ ทางนาทางจากตาแหนง่ หน่ึงไปยงั อีกตาแหนง่ หนงึ่ สามารถเลอื ก

เส้นทางจากสถานที่หนึ่งไปยังอีกสถานที่หน่ึง สามารถเลือกเส้นทาง A-B และอาจจะเพ่ิมเส้นทางเป็น
A-B-C-D ไดอ้ ีกด้วย ตวั อยา่ งดังภาพท่ี 4.19 เปน็ การสร้างเส้นทางจากคณะศึกษาศาสตร์ไปโรงอาหาร
เพชรรัตน์ สามารถทราบเส้นทางและระยะทางในการเดินทางได้

ใหผ้ ใู้ ชง้ านกด “เพ่ิมเสน้ ทาง” จะเป็นการสร้างเลเยอรใ์ หม่ข้ึนมา ให้
ผู้ใช้ใส่ชื่อเลเยอร์ใหม่ และจุดเร่ิมต้นท่ี A และใส่จุดสิ้นสุดท่ี B ก็จะปรากฏเส้นทางขึ้นโดยอัตโนมัติใน
แผนท่ี ดงั ภาพท่ี 4.19

1. กดเพิ่มเสน้ ทาง

2.ใสข่ อ้ มลู จดุ เรมิ่ ตน้ 3.เส้นทางท่ปี รากฎอตั โนมตั ิ
และจุดสิน้ สุด

ทเ่ี ลเยอร์

ภาพที่ 4.19 การสร้างเส้นทางนาทางในแผนท่ี

คมู่ ือการสร้างแผนทบ่ี นเวบ็ ไซต์ดว้ ย Google Maps
สานกั ดิจิทลั เทคโนโลยี มหาวทิ ยาลัยศลิ ปากร

39

- การวัดระยะทางในแผนท่ีเม่ือผู้ใช้งานต้องการทราบระยะทางจากจุดเร่ิมต้น
ไปถงึ จดุ ส้นิ สดุ

ให้ผู้ใช้งานกด“วัดระยะทางและพื้นท่ี” จ า ก เ ม นู บ า ร์ ด้ า นบน
จากนั้นจะสังเกตได้ว่า เมาส์ก็จะเปล่ียนเป็นเครื่องหมายบวก ให้ผู้ใช้งานกดที่จุดเร่ิมต้นลากไปตาม
เสน้ ทางจนถึงจดุ สน้ิ สดุ (ตัวอย่างตามรอยปะ) จะทราบระยะทางที่ต้องการทันที ดงั ภาพท่ี 4.20

1.กดวดั ระยะทาง
3.ระยะทางท่วี ดั ได้ 750 เมตร

2.ลากเส้นตามรอยปะA-B

ภาพท่ี 4.20 การวดั ระยะทางในแผนท่ี

4) ขนั้ ตอนการแชร์ การใหส้ ทิ ธ์ิผเู้ ข้าถงึ และการรับโค้ดแผนที่

 การแชรแ์ ผนที่ เพอ่ื ตอ้ งการกาหนดใหผ้ ู้อน่ื มองเห็นแผนท่ี ซงึ่ สามารถกาหนดได้

ว่า จะให้ใครบ้างสามารถดูแผนท่ีของผู้ใช้งานได้ รวมถึงเป็นการเผยแพร่แผนที่บนเว็บไซต์ของแต่ละ

หนว่ ยงาน

ให้ผู้ใช้งานกด “แชร์” จะปรากฏหน้าต่างการแชร์ลิงก์ จากนั้นให้

ไปที่ผู้มีสิทธิ์เข้าถึงกด “เปลี่ยน” จะปรากฏหน้าต่างการแชร์ลิงก์ ข้ึนมาให้จากตัวอย่างให้กด“เปิด

สาธารณะบนเว็บ” เพ่อื ผู้ใช้อินเทอรเ์ นต็ ทุกคนสามารถค้นหา และเขา้ ถงึ แผนท่ีได้ โดยไมต่ ้องลงชือ่ เข้า

ใช้ จากน้ันให้กด “บันทกึ ” ดงั ภาพที่ 4.21

คมู่ อื การสรา้ งแผนทบี่ นเว็บไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

3.กดการแชร์ลงิ ก์ 40

1.กดท่ี “แชร์” 2.กดที่ “เปลยี่ น”

ภาพท่ี 4.21 ข้นั ตอนการแชรแ์ ผนที่

 การใหส้ ทิ ธ์ิผเู้ ข้าถึงแผนที่ เพือ่ ให้สทิ ธิ์ผู้อื่นสามารถแก้ไขแผนทีข่ องผใู้ ชง้ านได้
ให้ผู้ใช้งานใส่อีเมลของผู้อ่ืนในช่อง “เชิญคนอื่น”จากน้ันให้กด “แก้ไขได้” และ

กดส่ง จากนั้นผู้ได้รับสิทธ์ิจะได้รับอีเมลการเชิญของผู้ใช้งาน และสามารถแก้ไขแผนท่ีท่ีสร้างขึ้นมาได้
ดงั ภาพที่ 4.22

1.ใสช่ ื่ออีเมลข์ องผอู้ น่ื

2.กดแกไ้ ขได้

ภาพท่ี 4.22 การให้สทิ ธ์ผิ ู้เข้าถงึ แผนท่ี

คู่มอื การสร้างแผนทบ่ี นเว็บไซต์ด้วย Google Maps
สานกั ดจิ ิทลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร

41
 การรบั โคด้ แผนที่ เพอื่ นาโคด้ ของแผนที่ทีผ่ ้ใู ช้งานสรา้ งขึ้นไปตดิ ตง้ั ในเว็บไซต์
ของผู้ใชง้ าน หรอื หนว่ ยงานที่ตอ้ งการ

ให้ผู้ใช้งานกดที่ “ตัวเลือก” จากนั้นใหก้ ดท่ี “ฝงั ในเว็บไซตข์ องฉัน” จะ
ปรากฏหน้าตา่ ง “ฝงั แผนที่น้ี” ใหค้ ดั ลอกโคด้ HTML นาซอรส์ โคด้ ไปวางในหน้าเว็บที่ตอ้ งการเผยแพร่
และกด “ตกลง” ดังภาพท่ี 4.23

1.กดท่ี “ตัวเลือก”
2.กดที่ “ฝังในเวบ็ ไซตข์ องฉนั ”

3.คัดลอกโค้ด HTML

ภาพที่ 4.23 การรับโคด้ แผนท่ี

คูม่ อื การสรา้ งแผนทบ่ี นเวบ็ ไซต์ดว้ ย Google Maps
สานักดจิ ทิ ลั เทคโนโลยี มหาวทิ ยาลยั ศลิ ปากร