14
แคปเจอร์ Openlayers เพิ่มชั ้นข ้อมูล BUU ลงในเว็บ localhost เปิ ด Geoserver>>Layer

Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

Embed Size (px)

Citation preview

Page 1: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

แคปเจอร์ Openlayers เพิม่ช้ันข้อมูล BUU ลงในเวบ็ localhost

เปิด Geoserver>>Layer

Page 2: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

ไปท่ี Add layer form>>เลือกขอ้มูลท่ีตอ้งการงาน

Publish ขอ้มูลทีละชั้นขอ้มูลดงัภาพ จนครบทุกชั้นขอ้มูล

Go to find choose 32647

Page 3: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost
Page 4: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

เม่ือเสร็จแลว้ใหไ้ปท่ี Styles >> Add a new styles >> line

Page 5: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

เป็นโคด้ท่ีใชเ้ปล่ียนสี ดงัภาพ

Page 6: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

โคด๊สีต่างๆ

เปล่ียนเสร็จคลิก Validate

Page 7: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

เปิด Editplus>>New>>Normal Text

ดาวน์โหลดไฟล ์

Page 8: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

คดัลอกโคด้ท่ีดาวน์โหลดมา

วางโคด้ใน Editplus

Page 9: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

เปล่ียนเป็น map3302 ตามภาพ

Save>>สร้าง Folder ใหม่

Page 10: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

ตั้งช่ือ Folder วา่ backup3302

เม่ือบนัทึกแลว้จะข้ึน ใช่กบัไม่ใช่ ใหค้ลิกใช่

Page 11: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

Open Editplus>>Normal Text

Copy code

Page 12: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

Paste

Save

Page 13: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

ยา้ยขอ้มูลทั้งหมดไวใ้น webapp

Page 14: Openlayers เพิ่มชั้นข้อมูล buu ลงในเว็บ localhost

เปิดในอินเตอร์เน็ต