openlayer

1. ไปที่ localhost:8080/geoserver
ไปที่ Layer Preview

2. Add a newresource
New Layer > ช่อง add layer from > เลือกกลุ่มที่เรานาข้อมูลใส่ไว้

3. New layer > ช่อง add new layer from (ข้อมูลที่เราเก็บข้อมูลไว้) > road > publish
Data >Find

4. ค้นหา 32647 zone
กดที่ Compute from native bounds พิกัดจะขึ้นมาทั้งข้างบนและข้างล่าง

5. Publishing
Save

6. Layer > adda newresource
Add a newresource > New Layer > G_3302_BUU

7. New Layer > G_3302 BUU >water > Publish

8. New Layer > G_3302BUU > Data >Find
New Layer > G_3302BUU > Data >Find > 32647 zone
Save

9. Layer Preview >OpenLayer
ข้อมูลเส้นถนน

10. เปิด water > OpenLayer
ข้อมูลแหล่งน้า

11. Styles > line
ไปที่ google ค้นหา โค้ดสี เลือกมา1สี

12. นามาโค้ดมาใส่ในบรรทัดที่ 30 > Submit
ไปที่ New > EditPlus3

13. EditPlus 3 > New > NormalText
ไปcopyโค้ดในFacebookGis3 มาว่างใน EditPlus

14. ลบ บรรทัดที่14ออก
ใส่ map3302แทน

15. จากนั้น save >GIS3_58
สร้างแฟ้มข้อมูลใหม่ > ชื่อ backup3302

16. Save > G3302 >Save HTML > save >Yes
Save เสร็จแล้ว

17. New > Normal Text
ไป copy โค้ดใน Facebook Gis3มาวาง

18. เปลี่ยน work ใส่ G_3302

19. Save > map3302 > Java (js)

20. ไปที่ backup3302
Copy 2ไฟล์ไปใส่ไว้ใน Disk C >Program File

21. พิมพ์localhost:8080/GIS/รหัสนิสิต กลุ่ม/G3302.html
จะได้แผนที่แบบนี้