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

การติดตั้ง Geoext

Apr 13, 2017

Download

Education

S.P. Chang
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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