การติดตั้ง Geoext

18
การติดตั ้ง geoext เข้า Google ค้นหา Geoext2 ไปทีDownload เลือก GeoExt 2.0.3

Transcript of การติดตั้ง Geoext

Page 1: การติดตั้ง Geoext

การตดิตั้ง geoext

เขา้ Google คน้หา Geoext2

ไปท่ี Download เลือก GeoExt 2.0.3

Page 2: การติดตั้ง Geoext

ใหเ้ลือก Source code (zip)

คดัลอก geoext2-2.0.3 ไปใส่ใน Libs

Page 3: การติดตั้ง Geoext

เปิด Local Dick (C:) แลว้สร้าง Folder ช่ือ Libs

เปิด Google คน้หา openlayers3

Page 4: การติดตั้ง Geoext

ดาวน์โหลด 2.x page.

คดัลอก Openlayers-2.13.1 ไวท่ี้ Libs ดงัภาพต่อไป

Page 5: การติดตั้ง Geoext

เปิด Google อีกคร้ัง

Page 6: การติดตั้ง Geoext

เลือก LegendTree ดงัภาพ

Page 7: การติดตั้ง Geoext

และเลือก LayerTree

เม่ือไดห้นา้ต่างน้ี ใหเ้ลือก tree.js

Page 8: การติดตั้ง Geoext

เปล่ียน Theme เป็น Accessibifity

คลิกขวาท่ีพื้นท่ีสีด า แลว้เลือก View page source

Page 9: การติดตั้ง Geoext

คลุมด าแลว้คดัลอก

เปิด EditPlus3

Page 10: การติดตั้ง Geoext

วางขอ้มูลท่ีท่ีคดัลอกมาใส่ลงไป

เปล่ียนท่ีคลุมด าเป็น Lisd ช่ือโฟลเ์ดอร์ท่ีจะใชลิ้งค ์

Page 11: การติดตั้ง Geoext

คลิกท่ี loader.js

คดัลอกแลว้วางใน notepad3

Page 12: การติดตั้ง Geoext

ไปท่ี My Computer แลว้เลือก Folder ตามภาพ แลว้เลือก src

คลุมด าส่วนท่ีเอาไปใส่ใน Notepad เพื่อท าการลิงค ์ดงัภาพ

Page 13: การติดตั้ง Geoext

เอาวางส่วนท่ีคลุมด า แลว้เปล่ียนจาก \ เป็น /

Save ลงใน backup3302

Page 14: การติดตั้ง Geoext

กลบัมาท่ี Geoext ใน Google แลว้คลิกท่ี tree.js

คดัลอกโคด๊ทั้งหมด แลว้เอาไปวางใน Notepad3 ดงัภาพต่อไป

Page 15: การติดตั้ง Geoext

Save ลงใน backup3302

Page 16: การติดตั้ง Geoext
Page 17: การติดตั้ง Geoext

คดัลอก loader.js Mymap.html และ tree.js จาก backup3302

น า 3 โคด๊ท่ีคดัลอกไวม้าวางใน Local Dick (c:) ดงัภาพ

Page 18: การติดตั้ง Geoext

เปิดอินเตอร์เน็ต แลว้พิมพ ์Localhost:8080/GIS3/55670165/Mymap.html แลว้ enter