การจัดทำระบบสารสนเทศภูมิศาสตร์...

การจั�ดทำ�าระบบสารสนเทำศภู�มิ�ศาสตร�

ผ่�านระบบอิ�นเตอิร�เน�ต (BMA GIS ONLINE)

ฝ่�ายระบบเคร�อิข่�าย กอิงสารสนเทำศภู�มิ�ศาสตร�ส�าน�กย!ทำธศาสตร�และประเมิ�นผ่ล กร!งเทำพมิหานคร

0 2222 8854 www.bangkokgis.com

สุ�ภาพรรณ วิวิ�ฒนะ น�กวิชาการคอมพวิเตอร� 5 email:[email protected]สุ�รศั�กดิ์� พฤกษาประดิ์�บก�ล น�กวิชาการคอมพวิเตอร� 5 email:[email protected]

Autodesk MapGuide Viewer

วั�ตถุ!ประสงค�

เพ� อให้#ผู้%#ใช#สุามารถใช#งานโปรแกรม Autodesk MapGuide Viewer ไดิ์#

เพ� อให้#ผู้%#ใช#สุามารถสุร#าง buffer บนแผู้นที่, ไดิ์# และสุามารถสุร#าง report ไดิ์#

เพ� อให้#ผู้%#ใช#สุามารถเร,ยกดิ์%แผู้นที่, โดิ์ยใช# URL ซึ่/ งสุามารถเล�อกและปร�บปร�งการแสุดิ์งผู้ลแผู้นที่, ตามที่, ต#องการไดิ์#

เพ� อให้#ผู้%#ใช#สุามารถแสุดิ์งแผู้นที่, โดิ์ยใช#ภาษา HTML ในการสุร#าง web page และเล�อก plug in ให้#เห้มาะสุม ซึ่/ งม, 3ประเภที่ ActiveX Control, Plug-In และ Java Edition.

การใช้, Autodesk MapGuide Viewer

ส�วันประกอิบข่อิงโปรแกรมิ Autodesk MapGuide Viewer

Map Area เป0นพ�1นที่, ที่, แสุดิ์งแผู้นที่, Legend เป0นสุ2วินที่, แสุดิ์งช�1น ข้#อมลแผู้นที่, ซึ่/ งแสุดิ์งเฉพาะ ช� 1นข้#อม%ลที่, ถ%กใช#งานในข้ณะน�1น

Status Bar ประกอบดิ์#วิยข้#อม%ล มาตราสุ2วิน ข้องแผู้นที่, และควิามกวิ#าง ควิามสุ%ง ข้องแผู้นที่, ที่, แสุดิ์ง

Tool Bar แสุดิ์งเคร� องม�อที่, ใช#งานก�บแผู้นที่,

Map Area

StatusBar

Legend

ToolBar



การเข่,าถุ.งข่,อิมิ�ลแก,ไข่ Host file (hosts.)

\windows\system32\drivers\etc“100.10.10.17 -> www.bangkokgis.com”

ที่ดิ์สุอบการเช� อมต2อก�บข้#อม%ลที่, ใช#ในการอบรมใช#ค5าสุ� ง ping 100.10.10.17ห้ร�อใช# ping www.bangkokgis.comhttp://www.bangkokgis.com/project/train48/web/



เคร�0อิงมิ�อิทำ10ใช้,บนแผ่นทำ10 (Tool Bar)Copy > CopySelectPanZoom > ZoomZoom > ZoomOutZoom > Zoom PreviousZoom > Zoom GotoZoom > UnzoomView > View ReportsStopHelp > Help Contents


บทำทำ10 1: การใช้, Autodesk MapGuide Viewer

Popup Menu ทำ10มิ1อิย��บน Autodesk MapGuide Viewer ม,ดิ์�งน,1



ข่�2นตอินในการใช้,งาน Autodesk MapGuide Viewer

1 . เป6ดิ์โปรแกรม Microsoft Internet Explorer ห้ร�อ Netscape Navigator.

2. เป6ดิ์ Web page ที่, ม, file แผู้นที่, เตร,ยมไวิ#3. ที่ดิ์ลองใช#เคร� องม�อ Zoom และเคร� องม�อต2างๆ ก�บแผู้นที่, 4. ที่ดิ์ลอง เป6ดิ์ / ป6ดิ์ ช� 1นข้#อม%ลแผู้นที่, 5. เล�อกข้#อม%ลที่, สุนใจ(เช2น ที่, ต� 1งสุ5าน�กงานเข้ต) แล#วิที่5าการสุร#าง

Buffer รอบสุ งที่, เล�อกน�1น6. ที่ดิ์ลองเปล, ยนร%ปแบบในการแสุดิ์งผู้ล Buffer ที่, สุร#างข้/1น7. ที่ดิ์ลองเล�อกข้#อม%ลจากช�1นข้#อม%ลที่, ต#องการที่, อย%2ในระยะ buffer8. ที่ดิ์ลองแสุดิ์ง report จากข้#อม%ลที่, ถ%กเล�อกน�1น



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1น โดิ์ยเป6ดิ์ที่,

www.bangkokgis.com/project/train48/web/



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นที่ดิ์ลองใช#เคร� องม�อ Zoom และเคร� องม�อต2างๆ ก�บแผู้นที่,



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นที่ดิ์ลอง เป6ดิ์ / ป6ดิ์ ช�1นข้#อม%ลแผู้นที่,



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นเล�อกข้#อม%ลที่, สุนใจ (เช2น ที่, ต� 1งสุ5าน�กงานเข้ต) แล#วิที่5าการสุร#าง

Buffer รอบสุ งที่, เล�อกน�1น



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นที่ดิ์ลองเปล, ยนร%ปแบบในการแสุดิ์งผู้ล Buffer ที่, สุร#างข้/1น



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1น



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นที่ดิ์ลองเล�อกข้#อม%ลจากช�1นข้#อม%ลที่, ต#องการที่, อย%2ในระยะ buffer



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1น



ต�วิอย2างที่, 1: ที่ดิ์ลองเป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นที่ดิ์ลองแสุดิ์ง report จากข้#อม%ลที่, ถ%กเล�อกน�1น เล�อกข้#อม%ลที่, ปรากฏใน dialog box จะไดิ์# report ออกมา



ต�วิอย2างที่, 1: เป6ดิ์ เพ� อดิ์%ข้#อม%ลแผู้นที่, ที่, สุร#างข้/1นผู้ลข้อง Report ที่, ไดิ์#


บทำทำ10 2: การแก,ไข่ค�าต�วัแปรต�างๆ ใน Autodesk MapGuide

วั�ตถุ!ประสงค� วิธี,การดิ์%ค2า parameters ต2างๆ โดิ์ยใช#เคร� องม�อ online

Help Customize a map without using the API. Learn to select objects with the URL

parameters. Zoom and pan with the URL parameters.



การใช้,งาน HELP โดยในต�วัอิย�างเป4นการหา URL Parameter



วั�ธ1การในการแก,ไข่ค�า URL Parameters ในfile MWF

1 .เป6ดิ์โปรแกรม Microsoft Internet Explorer และเป6ดิ์ file MWF

2. ใสุ2เคร� องห้มาย “?” ห้ล�งช� อ file MWF ที่, เป6ดิ์ และเช� อมดิ์#วิยเคร� องห้มาย “&” ระห้วิ2างต�วิแปรต2างๆ โดิ์ยสุามารถที่5าไดิ์#ดิ์�งน,1 • จ�ดิ์การให้#แผู้นที่, อย%2กลางจอภาพ• ก5าห้นดิ์ scale ข้องแผู้นที่, • ก5าห้นดิ์ค2า latitude และ longitude ให้#ก�บแผู้นที่, • ก5าห้นดิ์ให้# layer ที่, ต#องการสุามารถ เล�อกไดิ์#

• ในตอนที่#ายการก5าห้นดิ์ค2า URL parameter จะก5าห้นดิ์เป0น “&ext=.mwf”.



ต�วัอิย�างทำ101: การก�าหนดค�าต�างๆ ให,ก�บ Autodesk MapGuide Viewerที่ดิ์ลองการแก#ไข้ค2า URL Parameters ต2าง ๆ ให้#ก�บ FILE MWF ดิ์�งน,1train.mwf?statusbar=off &lat=13.73&lon=100.63&scale=400000&S26elObjs=district, &ext=.mwf


บทำทำ10 3: การใส�ค�าต�วัแปรในแผ่นทำ10 ทำ10ใช้,ก�บ Web Pages

วั�ตถุ!ประสงค� การใสุ2ค2าต�วิแปรต2างๆให้#ก�บ MWF สุ5าห้ร�บการแสุดิ์งผู้ลบน

Internet Explorer. ประย�กต�ใช#ค2าต�วิแปรต2างๆ ที่, ไดิ์#ที่ดิ์ลองมาแล#วิ ก�บ URL ข้อง

file แผู้นที่,


การเปร1ยบเทำ1ยบการแสดงผ่ลโดยใช้, ค�าต�วัแปรต�างๆ ก�บการเป5ด file mwf โดยตรง

เป6ดิ์ดิ์%แผู้นที่, โดิ์ยผู้2าน file HTML เป6ดิ์ file MW F โดิ์ยตรง48C:\Project\train \web\index.htm 48

บทำทำ10 3: การใส�ค�าต�วัแปรในแผ่นทำ10ทำ10ใช้,ก�บ Web Pages


กระบวันการคร�าวัๆ ในการใส�ค�าต�วัแปรในแผ่นทำ10 ทำ10ใช้,ก�บ Web Pages

• เป6ดิ์โปรแกรม Notepad และสุร#าง file HTML ข้/1นมา

• ใสุ2 Tag <object>และ tag <param> ให้#ก�บ file MWF

• เป6ดิ์ file HTML ที่, สุร#างข้/1นโดิ์ยใช# Internet Explorer ในการดิ์% file แผู้นที่, ที่, ไดิ์#สุร#างข้/1น



- 3 40<!DOCTYPE HTML PUBLIC " //W C//DTD HTML .//"><><>

<> 48 = = > <==< /> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT="">

</HEAD>

<> <OBJECT ID="theMap" 100100

-CODEBASE="mgaxctrl.cab" CLASSID="CLSID:62789780- - - 744 11 0 986 00609731 21 "B D B A D

-DATA="..\MWF\train.mwf" TYPE="application/x mwf"> <PARAM NAME="URL" VALUE="..\MWF\train.mwf?

defaulttarget=_top"> <param name="toolbar" value="on"> <param name="statusbar" value="on"> <param name="MapUnits" value="Km">

</></></>

กระบวันการคร�าวัๆ ในการใส�ค�าต�วัแปรในแผ่นทำ10 ทำ10ใช้,ก�บ Web Pages



การจัดทำระบบสารสนเทศภูมิศาสตร์...

Documents