Author: napass.k

  • ตรวจเช็คพื้นที่และเฝ้าระวังน้ำท่วมด้วย Google Earth

    #ฝนตกต่อเนื่อง ตรวจเช็คพื้นที่และเฝ้าระวังน้ำท่วมด้วย Google Earth
    มาดูวิธีการเฝ้าระวังพื้นที่บ้านเรา จะเสี่ยงน้ำท่วมไหม? และต้องเฝ้าระวังพื้นที่รอบๆด้วยนะคับ
    #GoogleEarth #GIS #เฝ้าระวังน้ำท่วม
  • การลบเมลล์ใน PSU Webmail

    เคยเจอปัญหาว่า…

    มีคนทั้งนอกและในมอ. ส่งเมลล์เช้า @psu.ac.th แต่ไม่ได้รับเมลล์ (ปกติเช็คเมลล์ผ่าน google) เลยลองเข้า https://webmail.psu.ac.th ดูเพื่อที่จะเข้าไปลบเมลล์ เพราะระบบแจ้งว่าพื้นที่เมลล์เต็มแล้ว ก็ทำการลบ(ตามรูป) แต่ก็ไม่เป็นผล เหมือนว่าเมลล์ยังไม่ได้ถูกลบ และพื้นที่เมลล์ก็ยังคงเต็มอยู่เหมือนเดิม

    มาดูวิธีการลบเมลล์ในกล่อง Inbox กันครับ

    1. select all
    2. click ปุ่ม Delete
    3. แล้วคลิกปุ่ม Expunge อีกครั้ง
    เมลล์จะถูกลบเป็นหน้าๆ ไป ก็ทำอย่างนั้นไปเรื่อยๆ จนกว่าจะหมด

    4. Sign Out แล้วทำการ Sign in ใหม่อีกครั้ง

    5. พื้นที่เก็บเมลล์ (Quota Usage) เหลือเยอะขึ้น

     

    หวังว่าจะเป็นประโยชน์กับใครหลายๆคนหรือผู้ที่ประสบปัญหาเดียวกันนะครับ ^^

    *** อย่าลืมหมั่นตรวจสอบ และลบเมลล์ออกบ้างนะครับเพื่อเคลียร์พื้นที่ในการจัดเก็บเมลล์

  • การสร้าง Web Map Service (WMS) บน Geoserver

    จากบทความ ELK #5 การประยุกต์ใช้ ELK ในงานด้าน GIS ของคุณคณกรณ์ ถือว่าเป็นอีกช่องทางหนึ่งในการจัดทำแผนที่ GIS ซึ่งอาศัย Web Map Service หรือเรียกย่อๆว่า WMS ก็เลยทำให้คันไม้คันมือ อยากนำเสนอวิธีการสร้าง WMS บน Geoserver เพื่อนำ shape file ที่เราได้จัดทำขึ้น(ไม่ว่าจะเป็น point , line, polygon) มาใช้งานบน GIS Web Application ซึ่งทั่วไปก็จะใช้ UI เป็น Openlayers, Leaflet ฯลฯ

    **ลองแวะเข้าไปอ่านบทความเก่าๆของผู้เขียน จะมีการนำเสนอวิธีการนำ WMS ไปใช้ อาทิเช่นกับ Google Earth, ArcGIS เป็นต้น

    ขั้นตอนการสร้าง WMS บน Geoserver

    1. สร้างและกำหนด style ของข้อมูลในโปรแกรม QGIS

    2. save style เป็น SLD file โดยจัดเก็บไว้ที่เดียวกับ shape file

    3. Copy file ทั้งหมด

    4. ไปวาง(past) ไว้ที่ root folder ของ Geoserver ซึ่งในที่นี้จะอยู่ที่ C:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps\geoserver\data\shpfile\slb-gis

    *** ดาวน์โหลด shape file ตามตัวอย่างได้ที่นี่

    5. เปิด Geoserver manager โดยพิมพ์ url: localhost:8080/geoserver     *** port สามารถปรับเปลี่ยนได้

    6. ทำการสร้าง Workspaces

    7. กำหนดชื่อ Workspace และ URI

    8. กำหนด properties ของ Workspace ให้เปิดใช้งาน (Enabled) Services ต่างๆ

    9. จากนั้นทำการสร้าง Stores ในการเก็บข้อมูล shape file (จากขั้นตอนที่ 4)

    10. เลือกชนิดของ data sources ในที่นี้จะเลือก Directory of spatial files (Shapefiles)

    11. ทำตามขั้นตอนในรูป

    1) เลือก Work space ที่สร้างไว้ในข้อ 7

    2) กำหนดชื่อ data

    3) กำหนด directory ที่เก็บ shape file

    4) เลือกโฟลเดอร์ จากข้อ 4

    5) คลิกปุ่ม OK

    จากนั้นเลืื่อนไปด้านล่างสุดของหน้าจอ เพื่อคลิกปุ่ม Save

    12. จะปรากฏหน้าต่างข้อมูล shape file ที่ถูกจัดเก็บไว้ในข้อ 4 ซึ่งในที่นี้มีเพียง 1 shape file คือ slbtamb > จากนั้นคลิกที่ Publish เพื่อเปิดการใช้งานชั้นข้อมูล

    13. จะแสดงชั้นข้อมูล slbtamb จากข้อ 12

    14. คลิกปุ่ม Find เพื่อกำหนดระบบพิกัดให้กับชั้นข้อมูล ในที่นี้ shape file เป็นระบบ UTM ผู้เขียนจึงใช้รหัส 32647

    15. จากนั้น คลิก Compute from native bounds เพื่อให้ระบบ generate พิกัดให้

    16. คลิกปุ่ม Save

    17. ทำการเพิ่ม SLD file ที่ได้จัดทำไว้ในข้อที่ 2 เพื่อการแสดงผลของแผนที่ให้มีลักษณะเหมือนดังเช่นที่ได้ปรับแก้ในโปรแกรม QGIS

    18. เลือก Workspace > คลิกเลือกไฟล์ ที่ได้จัดเก็บไว้ในข้อ 4 > คลิก Upload…

    19. จะแสดงโค้ดของ sld file ซึ่งตรงนี้ สามารถปรับแก้/เพิ่มเติมได้ > จากนั้นคลิกปุ่ม Submit

    20. กลับไปที่เมนู Layers จากข้อ 12 ให้คลิกแถบ Publishing > เลือก Default Style > เลือก style ที่ได้สร้างในข้อ 19

    21. จะแสดงรูปแบบของ style

    22. ทำการพรีวิวดูชั้นข้อมูลที่ได้สร้างขึ้น > คลิกเมนู Layer Preview > เลือกชั้นข้อมูล จากนั้นคลิก OpenLayers

    23. จะแสดงแผนที่ชั้นข้อมูลที่ได้นำเข้า shape file โดยการนำไปใช้ จะใช้

    WMS url และ Layers name

    *** ดูตัวอย่างการนำไปใช้เพิ่มที่

     

    หวังว่าจะเป็นประโยชน์กับหลายๆท่านที่ต้องการจะสร้าง GIS Web App. หรือมีข้อมูล shape file แล้วต้องการจะนำไป publish ขึ้นเว็บในรูปแบบของ GIS Web นะคับ

    ** ข้อดีของ WMS คือ เราจะแชร์เฉพาะ Service โดยที่ข้อมูล shape file ยังคงอยู่กับเรา(private) 

     

    สำหรับท่านใดที่นึกหน้าตา GIS Web Application ไม่ออก ลองแวะเข้าไปเยี่ยมชมได้ที่ http://slb-gis.envi.psu.ac.th

    หรือ download shape file เพื่อลองนำไปใช้ได้ที่ http://slb-gis.envi.psu.ac.th/ เมนู ฐานข้อมูล GIS

     

    ===============================================
    สถานวิจัยสารสนเทศภูมิศาสตร์ ทรัพยากรธรรมชาติและสิ่งแวดล้อม
    ศูนย์ภูมิภาคเทคโนโลยีอวกาศและภูมิสารสนเทศ ภาคใต้
    คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์
    เว็บไซต์ http://www.rsgis.psu.ac.th
    แฟนเพจ https://www.facebook.com/southgist.thailand

  • การ Import KML / KMZ to Google Earth on Android device

    Google Earth on Android ได้มี Feature ใหม่ ซึ่งสามารถนำเข้าหรือเปิด kml/kmz file ได้ และสามารถซ้อนทับชั้นข้อมูลได้หลาย layer เลยทีเดียว ถือว่าสะดวกมากๆ สำหรับคนที่ต้องการเปิดอ่าน kml/kmz file บนมือถือ

     

    ขั้นตอนการทำ

    1. ก่อนอื่น ต้องเตรียม kml หรือ kmz ไฟล์ก่อน หากไม่มี ลองเข้าไป download ได้ที่เว็บฐานข้อมูลลุ่มน้ำทะเลสาบสงขลา http://slb-gis.envi.psu.ac.th

    2. update Google Earth บน Android device ให้เป็น version ล่าสุด (ตามตัวอย่างนี้ เป็นเวอร์ชั่น 9.0.4.2) หากยังไม่ได้ติดตั้ง คลิกที่นี่

    3. เปิดแอพ Google Earth > คลิกเมนู (ตามรูป)

    4. เลือก My Places

    5. คลิก Import KML file

    6. เลือกไฟล์ kml

    7. แอพจะแสดงไฟล์ที่นำเข้า ให้คลิก Fly Here

    8. แสดงข้อมูล

    9. คลิกที่ point บนแผนที่ จะแสดงรายละเอียดของข้อมูล ซึ่งขึ้นอยู่กับไฟล์ kml ว่ามีข้อมูลอะไรบ้าง

    10. สามารถ import kml file ได้มากกว่า 1 ไฟล์ โดยแอพจะแสดงเป็นชั้นข้อมูล(layer) ในตัวอย่างเพิ่มขอบเขตพื้นที่ลุ่มน้ำฯ

    11. แสดงข้อมูล 2 layers

    12. สามารถ save เป็นรูปภาพ ได้โดยคลิกที่ไอคอน กล้อง

    13. นอกจากนั้น ยังสามารถดูแบบ Street View ได้ด้วย โดยคลิกที่ไอคอนรูปคน

    14. จะปรากฎเส้นสีฟ้า แสดงจุดที่สามารถคลิกดูแบบ Street View ได้ > จิ้มดูเลยคับ ^^

    15. ลองจิ้มดูหน้า คณะการจัดการสิ่งแวดล้อม มอ. นะคับ ^^

    16. ดูแบบ 3D ก็คลิกที่ไอคอน 3D เลยคับ

    17. แสดงเป็นรูป 3มิติ

    5. นอกนั้น ก็ลองคลิกเล่นดูนะคับ ^^

     

    ****บริการโหลดฟรี! ชั้นข้อมูลลุ่มน้ำทะเลสาบสงขลาเพิ่มเติมได้ที่ โครงการการพัฒนาฐานข้อมูลสารสนเทศภูมิศาสตร์ลุ่มน้ำทะเลสาบสงขลา
    โดย สถานวิจัยสารสนเทศภูมิศาสตร์ ทรัพยากรธรรมชาติและสิ่งแวดล้อม คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์

  • การติดตั้งและใช้งาน ArcGoogle for ArcGIS เพื่อใช้ Google Satellite เป็นแผนที่ฐาน

    Google Maps เริ่มมีบทบาทและได้รับความนิยมในการนำไปใช้ในการแปลภาพถ่ายในด้านทรัพยากรธรรมชาติและสิ่งแวดล้อม หรือรวมไปถึงเรื่องการใช้ประโยชน์ที่ดิน เพื่อนำไปจัดทำฐานข้อมูลภูมิสารสนเทศ หรือ GIS มากยิ่งขึ้น ด้วยความที่เป็นปัจจุบันหรือ update ค่อนข้างที่จะเป็นปัจจุบันหรือใกล้เคียงปัจจุบัน อีกทั้งผู้ใช้สามารถเข้าถึงได้ง่าย ใช้งานง่าย นักภูมิสารสนเทศ หรือนัก GIS หรือคนที่ทำงานด้าน GIS จึงมักจะเลือกที่จะนำมาใช้ในการแปลภาพถ่าย หรือเรียกว่า การสำรวจระยะไกล (Remote Sensing : RS)

     

    วันนี้เลยอยากจะขอนำเสนอ plugin ตัวนึงที่น่าสนใจ นั่นคือ ArcGoogle for ArcGIS เพื่อใช้ในการนำเข้า Google Satellite เป็น BaseMaps (แผนที่ฐาน) ในการแปลภาพถ่าย ซึ่งก่อนหน้านี้เคยนำเสนอ การติดตั้ง (OpenLayers Plugin) Google Satellite บน QGIS มาแล้วสำหรับคนที่ใช้โปรแกรม QGIS ลองแวะเข้าไปอ่านดูได้นะคับ ^^

     

    ขั้นตอนการติดตั้ง

    1. ดาวน์โหลดไฟล์ ArcGoogle ได้ ที่นี่

    โดยเลือกดาวน์โหลดไฟล์ให้เหมาะกับ ArcGIS เวอร์ชั่นที่ใช้งานอยู่

    • For ArcGIS 9.3, 10.0, 10.1 or 10.2
    • For ArcGIS 10.3 or 10.4

    2. เมื่อดาวน์โหลดมาแล้ว ให้ unzip จากนั้นดับเบิ้ลคลิก setup.exe

    3. ติดตั้งตามรูปเลยคับ

    4. ติดตั้งเสร็จสิ้น

    ขั้นตอนการใช้งาน

    1. เปิดโปรแกรม ArcGIS หากใครยังไม่ได้ติดตั้ง สามารถเข้าไปดาวน์โหลดและติดตั้ง เวอร์ชั่นทดลองใช้งานได้ 60 วัน ที่นี่

    2. คลิกที่เมนู Customize > เลือก Customize Mode…

    3. คลิกเลือก ArcGoolge-ungdungmoi.com จะแสดงแถบเมนูเครื่องมือขึ้นมา  จากนั้นคลิกปุ่ม Close เพื่อปิดหน้าต่าง

    4. คลิก Google Map > Google Satellite

    5. จะมีชั้นข้อมูล(Layer) ขึ้นมา พร้อมกับแสดงแผนที่ Google Satellite ขึ้นมา

    6. นอกจากนี้ ยังสามารถคลิกบนแผนที่ เพื่อแสดงภาพ Google Street View ได้ด้วย

    7. นอกจากนี้ ยังสามารถดึงค่า Elevation จาก Google ได้ด้วย โดยการคลิกที่ไอคอน 

    8. กำหนด Cell size (หน่วยเป็น เมตร) (จำนวนสูงสุดของจุดแต่ละครั้งดาวน์โหลด 300m)

    9. จากนั้นคลิกปุ่ม Get Elevation > รอสักครู่ จะแสดงตารางค่าขึ้นมา

    ** อ่านเพิ่มเติมเกี่ยวกับ Elevation ที่นี่

    10. เราสามารถ export ค่า elevation ออกมาเป็น shape file ได้ โดยคลิกปุ่ม Export to Shapefile > ตั้งชื่อไฟล์ > คลิกปุ่ม Save

    11. มีชั้นข้อมูล (Layer) เพิ่มขึ้นมา โดยจะมีจุด elevation อยู่บนแผนที่ และแสดงค่าและตำแหน่งพิกัด(Lat, Long) ด้วยการเปิด attribute table ดังรู)

     

    จะเห็นได้ว่า ภาพที่ได้จาก Google maps มีความละเอียดสูง สามารถซูมได้จนเห็นหลังคาบ้านหรือพื้นผิวถนน จึงทำให้การแปลภาพถ่ายมีความถูกต้องสูง ซึ่งจากการนำเข้า google maps เป็น basemaps นี้ ก็จะสามารถนำไปใช้ในด้านต่างๆ ได้อีกมากมาย

     

    ปกติแล้วนักพัฒนาเว็บ (web developer) จะนิยมใช้ Google Maps API ในการพัฒนา Map on Web ….. ลองหันมาเพิ่มศักยภาพในการแสดงแผนที่ในเชิงวิเคราะห์และมีความซับซ้อนของข้อมูลเชิงพื้นที่ดูไม๊ครัช ^^

    สำหรับท่านใดที่นึกหน้าตา web map application ไม่ออก ลองแวะเข้าไปเยี่ยมชมได้ที่ http://slb-gis.envi.psu.ac.th

    หรือ download shape file เพื่อลองนำไปใช้ได้ที่ http://slb-gis.envi.psu.ac.th/ เมนู ฐานข้อมูล GIS

     

    ===============================================
    สถานวิจัยสารสนเทศภูมิศาสตร์ ทรัพยากรธรรมชาติและสิ่งแวดล้อม
    ศูนย์ภูมิภาคเทคโนโลยีอวกาศและภูมิสารสนเทศ ภาคใต้
    คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์
    เว็บไซต์ http://www.rsgis.psu.ac.th
    แฟนเพจ https://www.facebook.com/southgist.thailand

  • การ upgrade PHP to new version on IIS ด้วยวิธีง่ายๆ

    เคยเขียนบทความเกี่ยวกับการ upgrade PHP 5.2 to 5.3 ไปเมื่อปีที่แล้ว (Apache 2.2 + PHP 5.2 + phpMyAdmin on Windows 8.1)

    วันนี้ขอนำเสนอการ upgrade เวอร์ชั่นของ PHP บน IIS (Windows Server 2012 R2) ด้วยวิธีที่แสนจะง่ายดาย

    ***ใครทราบวิธีการแล้วก็ผ่านไปเลยนะคับ ^^ เขียนไว้เผื่อบางท่านที่ยังไม่รู้เนอะ

    ขั้นตอนการ upgrade

    1. check PHP เวอร์ชั่นที่เราใช้ปัจจุบันก่อนว่าเป็นเวอร์ชั่นอะไร ด้วยการสร้างไฟล์ phpinfo.php เก็บไว้ที่ web root แล้วเขียนโค้ดตามนี้

    <?php
    phpinfo();
    ?>

    2. เปิดเว็บ http://localhost/phpinfo.php ในภาพจะเป็น php 5.6.2.2

    001

    3. เปิด IIS manager ขึ้นมา แล้วคลิกที่ Web Platform Installer

    002

    4. พิมพ์คำค้น PHP ในช่องค้นหา ในรูปเราจะติดตั้ง PHP 7.0.7 ให้คลิกที่ปุ่ม Add จากนั้นระบบจะทำการติดตั้ง PHP 7.0.7

    003

    5. เมื่อติดตั้งเสร็จแล้ว ให้คลิก Restart IIS

    004

    6. ตรวจสอบเวอร์ชั่นของ PHP ด้วยการเปิดหน้าเว็บ http://localhost/phpinfo.php ในภาพจะเป็น php 7.0.7 เรียบร้อยแล้ว

    005

    7. เสร็จสิ้นกระบวนการ upgrade PHP to new version

  • การสร้างภาพ 360 องศาเข้า Google Street View ด้วย Android device

    จากคราวที่แล้วนำเสนอเรื่อง การรับชมภาพสถานที่และเส้นทางในมอ. ผ่าน Google Street View ไปแล้วนะคับ วันนี้เลยอยากนำเสนอวิธีการสร้างภาพ 360 องศา ด้วยมือถือแอนดรอยด์ แล้วอัพเข้า Google Street View ใน Google Maps กันแบบง่ายๆ นะคับ

    **ทำไม่ยาก แต่ต้องอาศัยความเนียนในการเล็กภาพเพื่อให้เชื่อมต่อกันสนิท

    00

    ขั้นตอนการทำ

    1. ติดตั้งแอพ Google Street View จาก Play Store

    01

    2. เมื่อติดตั้งเสร็จแล้วก็เปิดแอพขึ้นมา ไปที่เมนู Explore > คลิกปุ่มวงกลมสีเหลือง (ตามรูป)

    02

    3. คลิกเลือก Camera เพื่อจะถ่ายรูป 360 องศา

    03

    4. แอพจะเตือนให้เราเปิด Location หรือ GPS เพื่อให้ Google ทราบตำแหน่งพิกัดที่เราอยู่ ณ ปัจจุบันที่จะถ่ายภาพ

    04

    5. เริ่มทำการถ่ายภาพ โดยจะมีลูกศรสามเหลี่ยมชี้นำทิศทางในการปรับมุมกล้องในการถ่ายแต่ละจุด

    05

    6. เลื่อนให้จุดวงกลมสีเหลือง เข้ามาซ้อนทับในวงกลมสีขาว แบบพอดีตรงกลาง เพื่อให้ได้ภาพรอยต่อที่เชื่อมต่อกันในแต่ละภาพ

    07

    6. เมื่อวงกลมทั้งสองอันมาซ้อนทับกันให้รอนิ่งๆสักครู่ อย่าเพิ่งขยับมือถือ **ระบบทำการประมวลภาพเก็บไว้

    06

    7. ทำตามขั้นตอนที่ 6 ไปเรื่อยๆจนครบทุกมุม ***จะมีปรากฎลูกศรสามเหลี่ยมชี้นำทิศทางเหมือนในขั้นตอนที่ 5

    จากนั้นคลิกปุ่มวงกลมสีเขียวที่มีเครื่องหมายถูก เพื่อสิ้นสุดการถ่ายภาพ

    08

    8. เมื่อระบบประมวลภาพเสร็จแล้วจะถูกนำเก็บไว้ใน gallery ของเรา > คลิกที่รูป แล้ว คลิก SELECT

    09

    9. คลิกที่รูป หรือ Add a place เพื่อเริ่มการอัพเข้า Google Street View

    10

    10. เราสามารถทำเบลอภาพ ณ จุดที่เราไม่ต้องการให้เผยแพร่ อาทิเช่น ผู้คน(เรื่องสิทธิส่วนบุคคล) ภาพอุจาดตา ฯลฯ โดยการลากกรอบสี่เหลี่ยมคลอบคลุมบริเวณจุดนั้นๆ จากนั้นคลิกเครื่องหมายถูก เพื่อเสร็จสิ้นการเบลอภาพ

    11 12

    11. คลิก Publish to Google Maps เพื่อทำการเผยแพร่ภาพบน Google Maps ในส่วนของ Google Street View

    14

    12. คลิก Publish เพื่อยืนยันการอัพภาพเข้า Google Maps

    13

    13. เปิด Browser > เข้า http://google.com/maps เพื่อดูภาพที่ได้ทำการอัพสำเร็จ

     

    หวังว่าจะเป็นประโยชน์สำหรับใครหลายๆคนที่อยากลองทำภาพอัพเข้า Google Street View ดูบ้างนะคับ และที่สำคัญ…..

    ช่วยๆกันอัพภาพบริเวณ ม.อ. ของเราให้เต็มพื้นที่ใน Google Maps เลยนะคับ ^______^

    *** หากคิดว่ารูปถ่ายหรือรูปภาพที่ตัวเองทำยังสวยไม่พอ ก็อย่าเพิ่ง Publish เลยนะคับ เพื่อที่ว่าประชากรโลกหรือชาวโลกจะได้รับชมเฉพาะภาพสวยๆ ของมหาวิทยาลัยสงขลานครินทร์ของเรา ^^

  • การรับชมภาพสถานที่และเส้นทางในมอ. ผ่าน Google Street View

    n7448_n160616_02x
    ภาพจากข่าวฯ เว็บมอ.

    จากข่าวล่าสุดของมหาวิทยาลัยสงขลานครินทร์ “เริ่มบางส่วนแล้ว….มอง ม.อ.ผ่าน Google Street View” ผ่านทางเว็บไซต์ของมหาวิทยาลัย http://www.psu.ac.th/th/node/7448 เมื่อวันที่ 16 มิถุนายน 2559 ด้วยความร่วมมือกับมอ.และ Google ในการนำเทคโนโลยีการถ่ายภาพแบบ 360 องศา เสมือนเรายืนอยู่ ณ จุดนั้นๆ แล้วสามารถมองได้แบบรอบทิศทาง มาถ่ายภาพสถานที่และเส้นทางในมอ.ของเรา โดยได้เริ่มถ่ายทำในวิทยาเขตหาดใหญ่เป็นวิทยาเขตแรก และจะดำเนินการในวิทยาเขตอื่นๆ ต่อไป

    คราวนี้เรามาดูกันดีกว่าว่า จะวิวหรือชมกันอย่างไร สำหรับใครที่ไม่ทราบวิธีการดูภาพผ่าน Google Street View นะคับ

    ขั้นตอนการรับชม

    1. เปิด Google Maps

    2. เลือกบริเวณพื้นที่มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตหาดใหญ่ **หากไม่ทราบว่าอยู่ตรงไหน ก็ใช้ search หาสถานที่ได้คับ

    01

    3. คลิกตรงไอคอนตุ๊กตารูปคนสีเหลือง บริเวณมุมด้านขวาของหน้าจอ (ตามภาพ)

    02

    4. แผนที่จะแสดงสัญลักษณ์ภาพใน 3 รูปแบบ คือ Street View , ภาพ 360 องศา และดูภายใน

    03

    5. ในแผนที่จะแสดงสัญลักษณ์ไว้ เราสามารถคลิกที่จุดวงกลมสีฟ้า เพื่อดูสถานที่ในจุดนั้นๆ แล้ว drag mouse หมุนชมภาพ

    06

    6. หรือเลือกเข้าชมภาพได้โดยคลิกที่ภาพ gallery ที่แถบภาพด้านล่างของหน้าจอ **เมื่อคลิกที่รูป จะแสดงเส้นวิ่งไปยังจุดสถานที่นั้นๆ

    04

    7. ก่อนหน้านี้ทางศูนย์ GIS มอ. ได้ถ่ายภาพมุมสูงจาก Drone แล้วจัดทำเป็นภาพมุมสูง 360 องศาเผยแพร่ผ่าน Google Street View ไว้แล้ว

    07

     

    หวังว่า… หลายๆ ท่านจะสนุกและมีความสุขกับการเข้าชมภาพ 360 องศา ภายในบริเวณรั้วมอ.ของเรานะคับ ^^

    หากไม่ต้องการแค่รับชมอย่างเดียว ก็ลองสร้างเองดีไม๊คับ??? คลิกเลย >> การสร้างภาพ 360 องศาเข้า Google Street View ด้วย Android device

     

    ===============================================
    สถานวิจัยสารสนเทศภูมิศาสตร์ ทรัพยากรธรรมชาติและสิ่งแวดล้อม
    ศูนย์ภูมิภาคเทคโนโลยีอวกาศและภูมิสารสนเทศ ภาคใต้
    คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์
    เว็บไซต์ http://www.rsgis.psu.ac.th
    แฟนเพจ https://www.facebook.com/southgist.thailand

  • การสร้างแผนที่ออนไลน์ (Web Map) ด้วยลิงค์ KML/KMZ

    นักพัฒนาเว็บหลายคนคงจะคุ้นเคยกับการสร้าง web map ด้วย google map api กันนะคับ (เป็นที่นิยมเลยล่ะ) แต่ในยุคปัจจุบันที่มีการเผยแพร่ข้อมูลที่เป็น near real time กันมากยิ่งขึ้น จะเห็นได้จากหลายหน่วยงานมีการเผยแพร่ Web Map Services กันเยอะมากยิ่งขึ้น และแย่งชิงความเป็นผู้นำในการนำเสนอข้อมูลที่เป็นปัจจุบันทันด่วนที่สุด

    แต่ด้วยปัจจัยในการต้องติดตั้งโปรแกรมบน Web Map Server เพื่อให้สามารถใช้งาน web map ผ่าน server ได้ (เสียงบประมาณเพิ่ม)
    ***ใครมี ArcGIS Server จะลองทำ การสร้างเว็บแผนที่จุดความร้อน(Hotspot) โดยใช้ WMS บน ArcGIS Server ดูได้นะคับ

     

    วันนี้เลยจะขอนำเสนอโค้ดง่ายๆ ในการนำลิงค์ KML/KMZ จากเว็บที่ให้บริการฟรี! มาสร้างเป็นหน้าเว็บเพจของเราโดยที่ไม่ต้องติดตั้ง map server กันคับ ^^ ที่สำคัญ ต้นทางข้อมูลอัพเดทข้อมูล หน้าเว็บเราก็อัพเดทไปด้วย อิอิ

    ขั้นตอนการสร้าง

    1. เปิดหน้าเว็บที่ให้บริการลิงค์ ***ตัวอย่างเว็บ http://slb-gis.envi.psu.ac.th

    2. เลือกชั้นข้อมูลที่ต้องการ แล้วคลิกขวา > copy link address

    00

    3. สร้างไฟล์ gmap.html แล้วเปิด edit ด้วยโปรแกรม notepad หรือ text editor

    4. copy โค้ดนี้ไปวาง

    <!DOCTYPE html>
    <html>
    <head>
    <meta name=”viewport” content=”initial-scale=1.0″>
    <meta charset=”utf-8″>
    <title>การสร้างแผนที่ออนไลน์ (Web Map) ด้วยลิงค์ KML/KMZ</title>
    <style>
    html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    }
    #map {
    height: 100%;
    }
    </style>
    </head>
    <body>
    <div id=”map”></div>
    <script>

    function initMap() {
    var map = new google.maps.Map(document.getElementById(‘map’), {
    zoom: 11,
    center: {lat: 100.756297, lng: 14.790059}
    });

    var ctaLayer = new google.maps.KmlLayer({
    url: ‘ที่อยู่ kml/kmz ลิงค์‘,
    map: map
    });
    }

    </script>
    <script async defer
    src=”https://maps.googleapis.com/maps/api/js?key=google map api key“>
    </script>
    </body>
    </html>

    4. วางลิงค์ที่ copy มาจากเว็บตรงurl: ‘http://slb-gis.envi.psu.ac.th/home1/images/download/kmz/gcs_slbforu.kmz‘,

    และใส่ google map api key ***ถ้าไม่มีให้ไปที่ https://developers.google.com/maps/documentation/javascript/get-api-key

    01

    5. ลองเปิดผ่าน http://localhost/gmap.html จะได้ตามรูป

    02

    6. หากคลิกที่ข้อมูล จะมี pop-up แสดงข้อมูลขึ้นมา

    03

    7. เว็บไซต์ของท่านก็จะมีหน้าเว็บแมพไว้ใช้งานได้แบบง่ายๆ โดยไม่ต้องติดตั้ง web map server ^^

     

    ****บริการฟรี! ชั้นข้อมูลลุ่มน้ำทะเลสาบสงขลาเพิ่มเติมได้ที่ โครงการการพัฒนาฐานข้อมูลสารสนเทศภูมิศาสตร์ลุ่มน้ำทะเลสาบสงขลา โดย สถานวิจัยสารสนเทศภูมิศาสตร์ทรัพยากรธรรมชาติและสิ่งแวดล้อม คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์