Load Geoext และ Openlayer

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

2. ให้เลือก Source code (zip)
คัดลอก geoext2-2.0.3 ไปใส่ใน Libs

3. เปิด Local Dick (C:) แล้วสร้าง Folder ชื่อ Libs
เปิด Google ค้นหา openlayers3

4. ดาวน์โหลด 2.x page.
คัดลอก Openlayers-2.13.1 ไว้ที่ Libs ดังภาพต่อไป

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

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

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

8. เปลี่ยน Theme เป็น Accessibifity
คลิกขวาที่พื้นที่สีดา แล้วเลือก View page source

9. คลุมดาแล้วคัดลอก
เปิด EditPlus3

10. วางข้อมูลที่ที่คัดลอกมาใส่ลงไป
เปลี่ยนที่คลุมดาเป็น Lisd ชื่อโฟล์เดอร์ที่จะใช้ลิงค์

11. คลิกที่ loader.js
คัดลอกแล้ววางใน notepad3

12. ไปที่ My Computer แล้วเลือก Folder ตามภาพ แล้วเลือก src
คลุมดาส่วนที่เอาไปใส่ใน Notepad เพื่อทาการลิงค์ดังภาพ

13. เอาวางส่วนที่คลุมดา แล้วเปลี่ยนจาก เป็น /
Save ลงใน backup3302

14. กลับมาที่ Geoext ใน Google แล้วคลิกที่ tree.js
คัดลอกโค๊ดทั้งหมด แล้วเอาไปวางใน Notepad3 ดังภาพต่อไป

15. Save ลงใน backup3302

17. คัดลอก loader.js Mymap.html และ tree.js จาก backup3302
นา 3 โค๊ดที่คัดลอกไว้มาวางใน Local Dick (c:) ดังภาพ

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