Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,036

HOME > บทความจากสมาชิก > การสร้างแผนที่ Map จากฐานข้อมูล Spatial Database และการนำเสนอขึ้นบนเว็บเพจ

การสร้างแผนที่ Map จากฐานข้อมูล Spatial Database และการนำเสนอขึ้นบนเว็บเพจ

การสร้างแผนที่ Map จากฐานข้อมูล Spatial Database และการนำเสนอขึ้นบนเว็บเพจ การสร้างแผนที่จากฐานข้อมูล Spatial Database และการนำเสนอขึ้นบนเว็บเพจ โดยการใช้โปรแกรม MapGuide Open Source(Map Server) และ MapGuide Maestro v5.b5 (MapGuide Studio or authoring tools)

แนะนำโปรแกรม MapGuide Maestro v5.b5

ทำการดาว์นโหลดโปรมแกรม MapGuide Maestro จาก

http://download.osgeo.org/mapguide/maestro/MapGuideMaestro-Release-5.0b5-Setup.exe

หลังจากนั้นทำการติดตั้งลงที่เครื่อง ซึ่งสามารถใช้งานทั้ง windows และก็ Linux+mono(.NET)

หลักการสร้างแผนที่ โดยใช้โปรแกรม MapGuide Maestro มีดังนี้
1) สร้างการเชื่อต่อชั้นข้อมูล Spatial Data ผ่าน FDO provider
2) สร้างชั้นข้อมูล(Layers)ต่างๆ พร้อมทั้งจัดการรุปแบบการแสดงผล เช่น สี,ลวดลาย,ฟอนต์,สัญลักษณ์ พร้อมการกำหนดสเกลในการแสดงผล ที่ได้จากการเชื่อมต่อผ่าน FDO provider ในข้อที่(1)
3) การสร้างแผนที่ ที่มีการรวบรวมชั้นข้อมูลหลายๆ ชั้นข้อมูลเข้าด้วยกัน พร้อมทั้งการระบุรูปแบบของระบุพิกัดที่ต้องการแสดง
4) การสร้าง Layout ที่จะใช้แสดงบนเว็บเพจ พร้อมทั้งทลูบาร์ ที่ใช้งานร่วมกับแผนที่

Mapguide_Maestro_1

การเชื่อมต่อเข้าใช้งาน MapGuide Open Source ด้วย MapGuide Maestro มี parameters ดังนี้
- Server : http://localhost/mapguide/mapagent/mapagent.fcgi
- UserName : Administrator
- Password : admin

Note#1 สามารถ connect ไปที่ MapGuide server หลังจากติดตั้ง MapGuide Server เสร็จแล้ว
Note#2 ท่านสามารถ แก้ไข เปลี่ยนแปลง เพิ่มเติม UserName/Password ได้ที่ MapGuide Site Administrative
จากหน้าเว็บเพจ http://localhost/mapguide/mapadmin/login.php ซึ่งใช้ username/password เดียวกันกับ MapGuide Maestro

การใช้งานในส่วนของ MapGuide server - Site Administrator
- ใช้จัดการ ค่า config และการให้บริการต่างๆ ของ MapGuide Server
- ใช้จัดการ user เข้าใช้งานระบบ
- ใช้จัดการ package ของแผนที่ทั้งการ Import(Load Package)/Export(Make Package)- Filebase *.mgp (compress file - xml db)
- จัดการการตั้งค่า อ้างอิงไฟล์ข้อมูล ไปยังพาร์ทของโฟลดเดอร์ต่างๆ เช่น BangkokMap d:\GISDATA\BKKMap
- อื่นๆ

สร้างการเชื่อต่อชั้นข้อมูล Spatial Data ผ่าน FDO provider
- สร้างโฟลดเดอร์ และซับโฟลดเดอร์ย่อยตาม โครงสร้าง เช่น Data/Layers/Maps/Layouts เพื่อเอาไว้ใช้เก็บค่าต่างๆ เมื่อสร้าง Resource id ต่างๆแล้วดังรูป

MapGuide_Maestro_/

คลิกขวาที่โฟลดเดอร์ Data เพื่อสำหรับการเก็บค่าการเชื่อมต่อ ของ FDO provider

- เลือกชนิดของข้อมูล

Mapguide_Maestro_3

- ทดสอบและบันทึกชื่อการเชื่อมต่อ

Mapguide_Maestro_5

สิ้นสุดขั้นต่อการเชื่อมต่อ ท่านสามารถกดปุ่ม Preview เพื่อดูข้อมูลในรูปตารางและแบบกราฟฟิคได้

Mapguide_Maestro_6

สร้างการเลเยอร์จากชั้นข้อมูล

- เลือกการเชื่อมต่อข้อมูล เพื่อสร้างเลเยอร์

MGOS24_AddLayer

- เลือกตารางข้อมูล Spatial data

MGOS24_AddLayer2

- การกรองข้อมูล(Filter data)

MGOS24_AddLayer3

- การแสดงทูลทิป เมื่อเอาเมาส์ไปวางไว้ด้านบน(Tools tip)

MGOS24_AddLaye4

- การกำหนดระยะในการแสดงผลของชั้นข้อมูล(Display Scale)

MGOS24_AddLayer5

- การกำหนดเฉดสี จากฐานข้อมูล (Thematic)

MGOS24_AddLayer6

- การตั้งค่าแสดงป้ายชื่อของวัตถุ(Label)

MGOS24_AddLayer7

สร้างแผนที่จากการรวบรวมชั้นข้อมูล

- การกำหนดระบบพิกัดของแผนที่ (Coordinate system)

MGOS24_AddMap1

- การกำหนดขอบเขตการแสดงแผนที่ เมื่อเปิดบราวเซอร์

MGOS24_AddMap2

- การสร้างกลุ่มของโฟดเดอร์ เพื่อเก็บชั้นข้อมูล(Layer)

MGOS24_AddMap3

- ตั้งชื่อของเลเยอร์ ที่มาแสดงใน Legend ด้านซ้าย

MGOS24_AddMap4

- การเรียงลำดับของเลเยอร์ ที่มาแสดงในแผนที่

MGOS24_AddMap6

สร้างรูปแบบการแสดงแผนที่บนเว็บเพจ
- เลือกแผนที่ ที่ต้องการนำมาแสดง
*** ภาพประกอบ ***
- การเลือกรูปแบบการแสดงผลของแผนที่ ทั้ง Basic Layout และ Flexible Layout
*** ภาพประกอบ ***
- การเลือกทูลบาร์มาตรฐาน และการปรับแตงทูลบาร์เพิ่มเติม
*** ภาพประกอบ ***
- การกำหนดเว็บเริ่มต้นของเว็บเพจ
*** ภาพประกอบ ***

สร้าง Virtual directory สำหรับการแสดงแผนที่ในเว็บเพจ
- การโหลดแผนที่ตัวอย่าง (Load Package Map: sheboygan.mgp)
*** ภาพประกอบ ***
- การสร้างเว็บเพจ จากตัวอย่างที่ให้มา เช่น DotNetViewerSample/
*** ภาพประกอบ ***
- การเปลี่ยนค่าของ WebLayout ของแผนที่ที่ต้องการนำมาแสดง
*** ภาพประกอบ ***
- การเขียน API ในส่วนของ Client ที่แสดงแผนที่บนบราว์เซอร์ เช่น IE/Chrome/Firefox/อื่นๆ ผ่าน Ajax Viewer ซึ่งการเขียน script ส่วนใหญ่จะเป็น java script ในฝั่ง Client
*** ภาพประกอบ ***
- แสดงการวางเลเอาท์ และการวางเฟรมต่างๆ และความสัมพันธ์
*** ภาพประกอบ ***

หมายเหตุ : ยังขาดภาพประกอบครับ


	By :	James_037
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2013-03-11
	Download :	No files

Sponsored Links

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว