![}
</style>
</head>
<body>
<div id="map"></div>
<script>
// This example requires the Drawing library. Include the libraries=drawing
// parameter when you first load the API. For example:
// <script src=/slideshow/58670064-3301-75527751/75527751/"https:/maps.googleapis.com/maps/api/js…">
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 13.277605, lng: 100.926524},
zoom: 15
});
var drawingManager = new google.maps.drawing.DrawingManager({
drawingMode: google.maps.drawing.OverlayType.MARKER,
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: ['marker', 'circle', 'polygon', 'polyline', 'rectangle']
},
markerOptions: {icon:
'https://developers.google.com/…/e…/full/images/beachflag.png'},
circleOptions: {
fillColor: '#00ff88',
fillOpacity: 1,
strokeWeight: 5,
clickable: false,
editable: true,
zIndex: 1
}
});
drawingManager.setMap(map);
การเขียนคาสั่ง Drawing
การสร้างเครื่องมือวาด
การสร้างเครื่องมือวาด Code
การสร้างเครื่องมือ โดยมีจุด วงกลม
เส้น](https://image.slidesharecdn.com/586700643301-170429155015/85/58670064-3301-57-320.jpg)
![แนวกันชน arcpy.Buffer_analysis() full ครอบคลุม outside รอบนอก
("D:/script_GI/3301_58/BUU/BUU.shp" นาเข้าไฟล์ BUU
,"D:/script_GI/3301_58/BUU/buff_BUU.shp" ส่วนของoutput -hv,^]
,"300 meters","OUTSIDE_ONLY")กาหนดบริเวณรอบนอก300เมตร
ผลลัพธ์ที่ได้
ทาแนวกันชันโดยกาหนดระยะห่าง 200,300,400,500 เมตร](https://image.slidesharecdn.com/586700643301-170429155015/85/58670064-3301-72-320.jpg)
More Related Content
Similar to นางสาวนวรัตน์ ศรชัย58670064 กลุ่ม3301 (20)
More from Nawarat Sornchai (6)
นางสาวนวรัตน์ ศรชัย58670064 กลุ่ม3301
- 1. 876132 สคริปต์โปรแกรม (Script Programming) จัดทาโดย นางสาว นวรัตน์ ศรชัย รหัสนิสิต 58670064 กลุ่ม 3301 เสนอ อาจารย์ กฤษณะ อิ่มสวาสดิ์ ภาคเรียนที่ 2 ปีการศึกษา 2559 คณะภูมิสารสนเทศศาสตร์ มหาวิทยาลัยบูรพา
- 2. โปรแกรม Editplus Editplus คือโปรแกรม text editor ตัวหนึ่ง คล้ายกับโปรแกรม Notepad, Dreamweaver (ซึ่งมีคุณสมบัติเป็น ทั้งโปรแกรมสาเร็จรูปในการสร้างเว็บเพจด้วย) ที่ใช้ในการพัฒนาสคริปต์โปรแกรมต่าง ๆ ไม่ว่าจะเป็น เขียนและแก้ไข Source code ในการสร้างเว็บเพจ ด้วยภาษา HTML ,PHP ,Java เป็นต้น เป็น tools ที่รัน บน windows เท่านั้น ข้อดีของ Editplus - สามารถใช้กับภาษาไทยได้ - แยกคาสั่งต่างๆ ด้วยการแสดงสีที่ไม่เหมือนกัน ทาให้เราสามารถตรวจสอบได้ง่ายว่า เราพิมพ์ผิดที่คาสั่ง ไหน - สามารถทาตัวเองเป็น web browser ได้ด้วย (IE 5.XX Compatible) - เมื่อเขียนเวบด้วยภาษา HTML เสร็จแล้ว สามารถดูการแสดงผลได้เลยทันที โดยใช้เมนู View > View in Browser หรือ Ctrl-B หรือ ใช้วิธีคลิ๊กปุ่มไอคอน View in Browser - เปิดไฟล์ได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาและแทนที่ (Find & Replace) ข้อความเดียวกันได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาข้อความที่ต้องการ ว่าปรากฏอยู่ในไฟล์ไหนบ้าง (แสดงหมายเลขบรรทัดด้วย) ในไดเรคทอรี่ เดียวกัน
- 3. Google map API API ย่อมาจาก Application Programming Interface คือช่องทางการเชื่อมต่อช่องทางหนึ่ง ที่จะ เชื่อมต่อกับเว็บไซต์ผู้ให้บริการ API จากที่อื่น เป็นตัวกลางที่ทาให้โปรแกรมประยุกต์เชื่อมต่อกับโปรแกรม ประยุกต์อื่น หรือเชื่อมการทางานเข้ากับระบบปฏิบัติการตัวอย่าง เช่น Twitter มีหลายเว็บที่มีการเชื่อมโยง ข้อมูล กับ twitter ทั้งเป็นการอ่านข้อมูลจาก twitter หรือ ส่งข้อมูลเข้า twitter เองก็ตาม ซึ่งล้วนอาศัยการ เชื่อมต่อ แลกเปลี่ยนข้อมูลกันด้วย API นั้นเอง และอีกหนึ่งตัวอย่าง เช่น Google Maps API คือบริการของ Google อีกรูปแบบหนึ่งที่เราสามารถนา ข้อมูลของ Google Maps ที่ทาง Google ให้บริการโดยส่วนมากจะนามาใช้กับ เว็บไซต์ของบริษัทฯหรือ เว็บไซต์ห้างร้านต่างๆ เพื่อเป็นอีกช่องทางที่ให้ลูกค้ารู้ว่าบริษัทฯ หรือห้างร้านนั้น ประโยชน์ของ API 1) สามารถรับส่งข้อมูลข้าม Server ได้ 2) ไม่จาเป็นต้องเข้าหน้าเว็บหลัก ก็มีข้อมูลของเว็บหลัก จากเว็บที่ดึง API แบ่งเป็น 2.1) API ที่ขึ้นกับภาษา (language-dependent API) คือ เอพีไอ ที่สามารถการเรียกใช้จาก โปรแกรมที่เขียนขึ้นด้วยภาษาเพียงภาษาใดภาษาหนึ่ง 2.2) API ไม่ขึ้นกับภาษา (language-independent API) คือ เอพีไอ ที่สามารถเรียกได้จาก โปรแกรมหลายๆ ภาษา API ถือเป็นกลุ่มของฟังชั่น ขั้นตอน หรือคลาส (Class ) ที่ระบบปฏิบัติการ (OS) หรือผู้ให้บริการ สร้าง ขึ้นมาเพื่อรองรับการเรียกขอข้อมูลจากโปรแกรมอื่นๆ ทั้งนี้ API สามารถใช้งานได้กับภาษาในการ เขียนโปรแกรม ที่รองรับเท่านั้น ซึ่งมันจะถูกจัดทาให้อยู่ในรูปแบบ Syntax หรือ element ที่สามารถนาไปใช้ ได้อย่างสะดวกสบาย เนื่องจากทางบริษัท Google ได้เตรียม Google API ไว้ให้สาหรับนักพัฒนาผู้ที่ต้องการ
- 4. จะนาข้อมูลของ Google Maps ไปใช้งานร่วมกับโปรแกรมหรือเว็บไซต์ของตนเองในรูปแบบของการเพิ่ม ชั้นของข้อมูล )Data Layer) โดย Google API มีความสามารถที่น่าสนใจ ได้แก่ 1) Google Street Maps ซึ่งแสดงข้อมูลถนนต่าง ๆ อย่างละเอียดผู้ใช้สามารถค้นหาข้อมูล ชื่อ ถนน และ ชื่อที่อยู่ตามทะเบียนบ้านได้ด้วย 2) Google Route Planner เป็นความสามารถในการค้นหาเส้นทางการเดินทาง ด้วยรถยนต์ รถสาธารณะ รถจักรยาน หรือ เดินเท้า 3) ข้อมูลตาแหน่งที่อยู่ของธุรกิจ ร้านค้า หรือสถานที่ต่างๆ บนแผนที่ ซึ่งสามารถค้นหาได้ ด้วย ชื่อ และที่อยู่ 4) Google Maps Satellite Images เป็นการนาข้อมูลภาพถ่ายดาวเทียมมาแสดงบนแผนที่ สามารถ นามาซ้อนทับกับข้อมูล Google Street Maps ได้ด้วย แต่ข้อมูลภาพถ่ายดาวเทียมดังกล่าวมิได้เป็น ข้อมูล ที่ทันสมัย และเปลี่ยนแปลงตามสภาพความเป็นจริงตลอดเวลา เป็นภาพถ่ายจากดาวเทียมที่ถ่าย มาแล้ว เป็นระยะเวลาหนึ่งอาจเป็น เดือน หรือ ปี แล้วแต่สถานที่ ภาพในบางส่วนของพื้นที่ไม่มีข้อมูลและ ภาพ ถูกท าให้ไม่ชัดด้วยเหตุผลทางความมั่นคง 5) Google My Maps เป็นความสามารถพื้นฐานอีกอย่างหนึ่งของ Google Maps ซึ่งอนุญาต ให้ผู้ใช้ สามารถก าหนดจุดต าแหน่งบนแผนที่ เพื่อการใช้งานส่วนบุคคลได้เครื่องมือของ Google Map
- 5. Python Python คือ เป็นภาษา Dynamic Object-Oriented Programming ที่ถูกพัฒนาขึ้นโดย Guido von Rossum ในปี ค.ศ. 1990 เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่ง ซึ่งถูกพัฒนาขึ้นมาโดยไม่ยึดติดกับ แพลตฟอร์ม กล่าวคือสามารถรันภาษา Python ได้ทั้งบนระบบ Unix, Linux , Windows NT, Windows 2000, Windows XP หรือแม้แต่ระบบ FreeBSD อีกอย่างหนึ่งภาษาตัว นี้เป็น OpenSource เหมือน อย่าง PHP ทาให้ทุกคนสามารถที่จะนา Python มาพัฒนาโปรแกรมของเราได้ฟรีๆโดยไม่ต้องเสียค่าใช้จ่าย และความเป็น Open Source ทาให้มีคนเข้ามาช่วยกันพัฒนาให้ Python มีความสามารถสูงขึ้น และใช้งานได้ ครบคุมกับทุกลักษณะงาน โค้ดของ Python ถูกสร้างขึ้นมาจากภาษาซี การประมวลผลจะทาในแบบอินเทอร์พรีเตอร์ คือจะ ประมวลผลไปทีละบรรทัดและปฏิบัติตามคาสั่งที่ได้รับ Python เวอร์ชันแรกคือ เวอร์ชัน 0.9.0 ออกมาเมื่อปี 2533 และเวอร์ชันปัจจุบันคือ 3.5.3 สามารถเข้าไป download โปรแกรมได้ที่ https://www.python.org/
- 6. Week2 Javascript เปิดโปรแกรม EditPlus3 ขึ้นมา เมื่อเปิดโปรแกรมมาเรียบร้อยแล้วให้ไปที่แถบเครื่องมือ File >> New >> HTML Pages จะปรากฏ Code ขึ้นมา
- 7. จากนั้นให้พิมพ์ Code <script language = ‚javascript‛>ในบรรทัดที่ 10 เป็นการเริ่มต้นการเขียน Script ของ Java Script บรรทัดที่11 คือจบการเขียน Java Script พิมพ์เครื่องหมาย <!— บรรทัดที่11 และ //--> บรรทัดที่ 13 เครื่องหมาย <!-- และ //--> เพื่อรองรับ browser รุ่นเก่าที่ไม่รองรับ Java Script ซึ่งถ้าเราเขียนคาสั่งโดยไม่มี
- 8. บรรทัดที่ 12 พิมพ์document.write (‚สวัสดีชาวGIทุกท่าน‛) ให้ทาการ save ไปที่File >> Save As document เป็น Object ส่วน write เป็น Method ของ
- 9. เปิด Folder ที่ต้องการsave ตั้งชื่อไฟล์ >> Save as Type เลือกเป็น HTML เมื่อทาการ Save เรียบร้อยแล้วไปเปิด Folder ที่ทาการ save คลิกขวาที่ไฟล์ >> Open with >> Google Chome
- 10. ผลลัพธ์ที่ได้ จากนั้นให้พิมพ์ +docmen.lastmodified หลัง document.write Document lastModified คือ การใช้ Method lastModified เพื่อแสดงให้ผู้ชมเว็บ ทราบว่า เว็บของเรานั้นปรับปรุงครั้งล่าสุดเมื่อใด เราจะต้องใช้ เครื่องหมาย + ในการเชื่อม object ทั้งสอง
- 11. จากนั้นให้ทาการSave เป็น .HTML ทาการเปิดบนGoogle Chrome จะปรากฎผลลัพธ์ดังภาพ ในบรรทัดที่ 9 พิมพ์Window.alert(‚หิวข้าวจังเลย‛); การเตือน(Alert) ใช้สาหรับการขึ้นขอความเตือนให้ ผู้ใช้ระมัดระวัง หรือบอกกล่าวไปยังผู้ใช้ให้ทราบ
- 12. ทาการ Save เปิดไฟล์ .HTML บน Google Chrome
- 13. จะปรากฏหน้าต่างการแจ้งเตือน พิมพ์window.confirm(‚คุณหิวข้าวแล้วหรือยัง?‛); การยืนยัน(Confirm) เพื่อให้ผู้ใช้ยืนยันในกรณีที่ ผู้ใช้อาจเผอเรอคลิกปุ่มโดยไม่ได้ตั้งใจ เช่น ผู้ใช้ กดปุ่มเพื่อลบข้อมูล หรือการออกจากโปรแกรม
- 14. ทาการ save >> เปิดไฟล์.HTML >> Open with Google จะปรากฏหน้าต่างการแจ้งเตือนดังภาพ พิมพ์window.prompt (‚คุณอยากกินอะไร?‛); การสร้าง Text box พร้อม(Prompt)เพื่อให้ผู้ใช้ ป้อนข้อมูลก่อนเข้าไปยังระบบหรือเข้าหน้าเว็บ ดูตัวอย่าง
- 15. ทาการ save >> เปิดไฟล์.HTML >> Open with Google จะปรากฏหน้าต่างการแจ้งเตือนดังภาพ Week 3 HTML+Javascript โครงสร้างของ Javascript เปิดโปรแกรม EditPlus 3ขึ้นมา ไปที่แถบเครื่องมือ File >> New >> HTML Pages
- 16. จะปรากฏ Codeขึ้นมา พิมพ์Code ตามบรรทัดที่8 และ9 การสร้างกล่องใส่กรอกข้อมูลอายุ
- 17. ให้ทาการ Save ทาการ save >> เปิดไฟล์.HTML >> Open with Google
- 18. จะปรากฏกล่องให้ใส่ค่าลงไป พิมพ์<button name = ‚sumbit‛> เพื่อตั้งชื่อกล่อง ตั้งชื่อกล่อง
- 19. send data</button> เป็นวิธีการสร้างปุ่ม ทาการ save >> เปิดไฟล์.HTML >> Open with Google จะปรากฏผลลัพธ์ดังภาพ
- 20. พิมพ์function demo() ในบรรทัดที่5 ในบรรทัดทิ่ 7และ13 เป็การกาหนดตัวแปร โดยCode คือ การแสดงว่า ถ้ามีอายุมากกว่า 50 จะปรากกฎ หน้าต่าง You are old ถ้าน้อยกว่า 50 จะปรากฏหน้าต่าง You are young
- 22. เมื่อพิมพ์57 แล้วกด send data จะปรากฏ You are old!!!! เมื่อพิมพ์ 57 แล้วกด send data จะปรากฏ You are old!!!!
- 23. Week 4 Javascript+google map api เปิด Google แล้วทาการค้นหา google map api javascript แล้วเลือก Website แรก สร้าง Key โดยไปที่ GUIDES >> GET A KEY >> CREAT A NEW PROJECT >> CREAT AND ENABLE API จะปรากฏโค้ดขึ้นมา ทาการคัดลอก KEY
- 24. เมื่อได้ Key แล้วไปที่ Simple map จะปรากฏแผนที่ขึ้นมา
- 25. ใส่ Code ข้างล่างนี้ลงไปในโปรแกรม EditPlus 3 <!DOCTYPE html> <html> <head> <title>Simple Map</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> <style> /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } </style> </head>
- 26. <body> <div id="map"></div> <script> var map; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8 }); } </script> <script src=https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap (ลบ YOUR_API_KEY ใส่32 AIzaSyB3ZqOSvjAjvfty-X74aJ2bU53bF_V-WNw) async defer></script> </body> </html>
- 27. เมื่อทาการคัดลอก Code เสร็จเรียบร้อยแล้ว กดปุ่ม ctrl+sเพื่อทาการsave เปิดไฟล์ที่ได้ทาการ Save เมื่อสักครู่โดยเปิดกับGoogle Chrome จะปรากฏแผนที่ดังภาพ
- 28. เปลี่ยนจากแผนที่เป็นภูมิประเทศ จะปรากฏแผนที่ดังรูป ทาการเรียกแผนที่ประเทศไทยโดยการเปลี่ยนค่า lat:13,lng:100 กด Ctrl+s
- 29. กด F5 เว็บเมื่อสักครู่ จะปรากฏแผนที่บริเวณประเทศไทย ดูแผนที่รอบมหาวิทยาลัยบูรพา โดยการเปลี่ยนค่า lat:13.277643,lng:100.925731 กด Ctrl+s
- 30. กด F5 เว็บเมื่อสักครู่ จะปรากฏแผนที่บริเวณรอบมหาวิทยาลัยบูรพา ทาการใส่ขนาดพื้นที่ โดยการเปลี่ยน height : 50%,margin 15%, padding : 20% กด Ctrl+s
- 31. กด F5 เว็บเมื่อสักครู่ จะปรากฏดังภาพ <div id="map"></div> เรียกแผนที่ขึ้นมา body var map; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: 13.277643, lng: 100.925731}, zoom: 15 }); } </script> <script src=/slideshow/58670064-3301-75527751/75527751/"https:/maps.googleapis.com/maps/api/js?key=AIzaSyB3ZqOSvjAjvfty- X74aJ2bU53bF_V-WNw&callback=initMap" async defer></script> เป็นฟังก์ชันในggogle Map map = new google.maps.Map(document.getElementById('map'),เป็นการเรียกขึ้นมาใหม่ id="map"เป็นการเลือกฟังก์ชันให้ลิงค์เข้ากัน
- 32. Week 5 Google map API Drawing on the map and KML เปิด Google Maps APIs >> samples >> simple map คัดลอก Code
- 33. เปิดโปรแกรมEditPlus3 >> Ctrl+N >> วางCode ที่ทาการคัดลอกลงไป >> ช่อง 32 ลบ YOUR API KEY ใส่ Key ของเราลงไป ในช่อง 27 ใส่ lat:13.277605, lng :100.926524
- 34. ทาการ save เป็น .HTML เปิดไฟล์ที่ทาการ save เป็น .HTML
- 35. ปรากฏดังภาพ ในช่อง33 พิมพ์title : ‘Hello GI’ เพื่อทาการ Show Label
- 37. ผลลัพธ์ที่ได้ เปิด Google Earth >> สร้าง polygon >> เปลี่ยนสี >> ใส่ความทึบ 50%
- 40. คัดลอก Code ใส่ Key ของเราลงไป
- 41. Var iconbase ใส่ลิงค์ ที่ทา Shape เมื่อสักครู่ ทาการ Save
- 42. ใส่ค่าละติจูด ลองจิจูดเพิ่ม 2อัน ทาการ Save เปิดไฟล์ขึ้นมา
- 43. จะปรากฏดังรูป Week 6 KML เปิด Google earth ขึ้นมา
- 46. ดิจิไตซ์บริเวณที่ต้องการ แล้วเลือก ตกลง คลิกขวาที่ Shapefile เลือกบันทึกสถานที่เป็น
- 47. ทาการ Save เป็น .kml คลิกที่ดิจิไตซ์จะปรากฏข้อมูลชื่อและคาอธิบาย
- 48. เปิดโปรแกรม EditPlus3 ขึ้นมา >> Ctrl+N >>ใส่Codeข้างล่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> <title>KML feature details</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { float: left; height: 100%; width: 79%; } #content-window { float: left; font-family: 'Roboto','sans-serif'; height: 100%;
- 49. line-height: 30px; padding-left: 10px; width: 19%; } </style> </head> <body> <div id="map"></div> <div id="content-window"></div> <script> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 12, center: {lat: 13.277605, lng: 100.926524} }); var kmlLayer = new google.maps.KmlLayer({ url: 'https://sites.google.com/site/testkitta/kitta/bb1.kml…', suppressInfoWindows: true, map: map }); kmlLayer.addListener('click', function(kmlEvent) { var text = kmlEvent.featureData.description; showInContentWindow(text); }); function showInContentWindow(text) { var sidediv = document.getElementById('content-window'); sidediv.innerHTML = text; } } </script> <script async defer src=/slideshow/58670064-3301-75527751/75527751/"https:/maps.googleapis.com/maps/api/js…"> </script> </body> </html>
- 50. ฝากไฟล์ .kml ที่ GoogleSite
- 51. ตั้งชื่อไซต์ >> ฉันไม่ใช่โปรแกรมอัตโนมัติ >> สร้าง จะปรากฏหน้าต่างนี้ขึ้นมา >> สร้างหน้า
- 52. จะปรากฏหน้าที่สร้างขึ้นมา กดเพิ่มไฟล์ >>เลือกไฟล์ .kml ที่บันทึกจาก Google Earth
- 53. คลิกขวาที่ ดาวโหลด >> คัดลอกลิงค์ ใส่ลิงค์ลงไปในบรรทัด url #content-window { font-family
- 54. kmlLayer.addListener('click', function(kmlEvent) { var text = kmlEvent.featureData.description; ดึงข้อมูลจากฟีเจอขึ้นมาแสดงและแสดงคาอธิบาย showInContentWindow(text); (แสดงผลในส่วนของป้ายชื่อ) }); ทาการ Save เปิดไฟล์ที่ได้ทาการบันทึก จะปรากฏภาพดังนี้
- 55. เลือก Layer1 จะปรากฏข้อมูลที่ทาการดิจิไตซ์บนGoogle Earth เลือก Layer1 จะปรากฏข้อมูลที่ทาการดิจิไตซ์บนGoogle Earth
- 56. Week 7 Drawing เปิดโปรแกรม EditPlusขึ้นมา >> File >> New >> HTMLPages ทาการคัดลอก Code <!DOCTYPE html> <html> <head> <title>Drawing tools</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0;
- 57. } </style> </head> <body> <div id="map"></div> <script> // This example requires the Drawing library. Include the libraries=drawing // parameter when you first load the API. For example: // <script src=/slideshow/58670064-3301-75527751/75527751/"https:/maps.googleapis.com/maps/api/js…"> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { center: {lat: 13.277605, lng: 100.926524}, zoom: 15 }); var drawingManager = new google.maps.drawing.DrawingManager({ drawingMode: google.maps.drawing.OverlayType.MARKER, drawingControl: true, drawingControlOptions: { position: google.maps.ControlPosition.TOP_CENTER, drawingModes: ['marker', 'circle', 'polygon', 'polyline', 'rectangle'] }, markerOptions: {icon: 'https://developers.google.com/…/e…/full/images/beachflag.png'}, circleOptions: { fillColor: '#00ff88', fillOpacity: 1, strokeWeight: 5, clickable: false, editable: true, zIndex: 1 } }); drawingManager.setMap(map); การเขียนคาสั่ง Drawing การสร้างเครื่องมือวาด การสร้างเครื่องมือวาด Code การสร้างเครื่องมือ โดยมีจุด วงกลม เส้น
- 58. } </script> <script src=/slideshow/58670064-3301-75527751/75527751/"https:/maps.googleapis.com/maps/api/js…" async defer></script> </body> </html> ทาการ Save เป็น .HTML แล้วเปิดไฟล์ออกมา
- 59. จะปรากฏแผนที่และเครื่องมือออกมา เลือกอันที่2 จะปรากฏดังภาพ เปิดโปรแกรม EditPlus >> File >> New >> HTML Pages
- 60. ปรากฏ Code ขึ้นมา พิมพ์คาสั่ง #map {}เป็นการเริ่มคาสั่ง
- 62. ในบรรทัดที่ 26 ใส่ Code <div id = ‚map‛></div> เป็นการแสดงแผนที่ขึ้นมา ในบรรทัดที่ 28 พิมพ์function initmap เพื่อทาแผนที่
- 63. ในบรรทัดที่ 30,31 var map = new google.maps.Map แสดงผลแผที่และแสดงค่าละติจูด ลองจิจูด เลือกระดับ Zoomเป็น8% maptypeId : 'terrain' เซตข้อมูลเป็นภูมิประเทศ
- 64. ในบรรทัดที่ 38ใส่ KEY Maps APIs ของเราลงไป ในบรรทัดที่ 35-39ใส่ค่าพิดกัดลงไปในบริเวณของสามเหลี่ยมเบอมิวดา
- 65. กาหนดการเติมสี ใส่เส้นสี ความโปร่งสี ความหน้าเส้นสี ทาการ Save เป็นไฟล์ .HTML >> เปิดไฟล์ ภาพผลลัพธ์ที่ได้ อ้างพิกัดจุดจากตัวแปร triangleCoords การกาหนดเส้นสีให้กับ polygon ต้องใช้รหัสสีของ HTML ทาให้เส้นสีโปร่งแสง ทาให้เส้นสีหนา ทาให้polygon โปร่งแสง การเติมสี
- 66. Week 9 Python เปิดโปรแกรม IDLE(Python GUI) จะปรากฏหน้าต่างมา
- 70. Week 10 Python for arcmap เปิดโปรแกรม Arcmap >> เปิดหน้าต่าง Python <type 'complex'> ซ้าซ้อน
- 72. แนวกันชน arcpy.Buffer_analysis() full ครอบคลุม outside รอบนอก ("D:/script_GI/3301_58/BUU/BUU.shp" นาเข้าไฟล์ BUU ,"D:/script_GI/3301_58/BUU/buff_BUU.shp" ส่วนของoutput -hv,^] ,"300 meters","OUTSIDE_ONLY")กาหนดบริเวณรอบนอก300เมตร ผลลัพธ์ที่ได้ ทาแนวกันชันโดยกาหนดระยะห่าง 200,300,400,500 เมตร
- 73. ผลลัพธ์ที่ได้ Week 11 import layers and create layers ทาการดาวน์โหลด DATA WORLD.Rar
- 74. สร้าง Shape file โดย MakeFeatureLayer_management สาหรับสร้างข้อมูล >>> import arcpy >>>arcpy.MakeFeatureLayer_management("D:/script_GI/3301_58/Data_world/world.shp","world_bound ary") แสดงในส่วนพื้นที่รอบโลก <Result 'world_boundary'>
- 75. ปรากฏดังภาพ เปลี่ยนสีของshapeโดยdouble click world boundary เลือกสี
- 76. ทาการ save as Layer file ทาการเลือกจุดปริมาณน้าฝน
- 78. ทาการคัดลอกข้อมูลจุด >> เปิดโปรแกรม Excel วางข้อมูลจุดปริมาณน้าฝน >> Text to columns
- 79. เลือก Fixed Witdth >> Next คลุมค่า ID ทั้งหมด
- 80. ทาการ Save เป็น .xls เปิดโปรแกรม Arcmap พิมพ์โค้ด >>>arcpy.MakeXYEventLayer_management(r'D:/script_GI/3301_58/Data_world/Hotspot.xls/sheet1$',"L ong","Lat","Hotspot") จะปรากฏผลลัพธ์ดังภาพ
- 81. Week 12 Interpolate and Automatic Download file from website เปิดเว็บไซต์ http://service.nso.go.th/nso/web/statseries/statseries27.html คลิกเลือกจังหวัดที่ต้องการ จะปรากฏข้อมูลขึ้นมา
- 82. ทาการ save เป็น .xls พิมพ์Code ข้างล่างนี้
- 83. จะปรากฏดังภาพ Week 13 Raster to python คลิกดาวโหลด Lansat5.rar Ga = geostatistic analysis
- 85. arcpy.MakeRasterLayer_management(‚D:/script_GI/3301/Landsat5/B3.tif‛, ‚Band3.tif‛) จากนั้นกด Enter ผลลัพธ์ก็จะเด้งขึ้นมา ก็คือภาพ Band3.tif arcpy.MakeRasterLayer_management(‚D:/script_GI/3301/Landsat5/B4.tif‛, ‚Band3.tif‛) จากนั้นกด Enter ผลลัพธ์ก็จะเด้งขึ้นมา ก็คือภาพ Band4.tif
- 86. arcpy.MakeRasterLayer_management(‚D:/script_GI/3301/Landsat5/B3.tif‛, ‚Band3.tif‛) จากนั้นกด Enter ผลลัพธ์ก็จะเด้งขึ้นมา ก็คือภาพ Band3.tif เมื่อเลือก Band 3 4 5 เรียบร้อยแล้ว พิมพ์ arcpy.CompositeBands_management จากนั้นพิมพ์ส่วนที่เหลือให้ ครบ และกด Enter จะปรากฏผลลัพธ์ออกมาเป็นภาพสี
- 87. พิมพ์โค้ดตามภาพด้านล่าง จากนั้นกด Enter จะปรากฏผลลัพธ์ดังภาพ Week 14 NDVI for Python เปิดโปรแกรม IDLE(Python GUI)
- 89. พิมพ์Code - CheckOutExtension("spatial") เช็คค่าพิกัด สมการ NDVI= 𝑁𝐼𝑅−𝑅𝐸𝐷 𝑁𝐼𝑅+𝑅𝐸𝐷
- 92. จะปรากฏผลลัพธ์ดังภาพ Week 15 การสร้าง GUI ด้วย Python Catalog >> ToolBoxes >> คลิกขวา MyToolboxes
- 93. New >> Toolbox จะปรากฏ ช่องNameข้างล่าง ทาการเปลี่ยนชื่อ
- 94. คลิกขวาไฟล์ที่ทาการบันทึก >> Add >> Script ตั้งชื่อ NDVI >> Label ตั้ง NDVI >> Description ใส่คาอธิบายลงไป >>Next
- 95. เลือกไฟล์ที่ต้องการจัดเก็บข้อมูล >> Next Data Type >> Raster Layer >> Finish
- 96. NDVI จะปรากฏขึ้น Catalog >> Mytoolbox >> 3301_58.tbx >> NDVI
- 97. เลือกโฟลเดอร์เพื่อทาการ InputRaster และ Outputraster จะปรากฏภาพขึ้นมา