น่าเสียดายที่คุณไม่สามารถเชื่อมต่อเว็บเพจกับฐานข้อมูลโดยตรงเนื่องจากความกังวลด้านความปลอดภัยโดยปกติคุณจะต้องมีมิดเดิลแวร์บางตัวเพื่อเชื่อมต่อทั้งสองเข้าด้วยกัน
ดังนั้นสำหรับตัวอย่างของคุณและหากคุณต้องการใช้ซอฟต์แวร์โอเพ่นซอร์สคุณสามารถใช้ GeoServer เป็นเซิร์ฟเวอร์ทางภูมิศาสตร์ของคุณเพื่อให้บริการข้อมูลของคุณจากฐานข้อมูล PostGIS ไปยังเว็บเพจ HTML ของ OpenLayers
ทำไมสิ่งนี้ถึงดีคือ GeoServer จะให้บริการข้อมูลในแบบมาตรฐาน OGC Web Map Server (WMS) หรือ Web Feature Service (WFS) และทั้งคู่เข้าใจโดย OpenLayers และ API อื่น ๆ (ESRI, Leaflet etc) และเดสก์ท็อปอื่น ๆ ซอฟต์แวร์ GIS (ESRI, MapInfo, QGIS, uDig เป็นต้น)
ดังนั้นฉันจะดูที่เอกสาร GeoServer เริ่มต้นซึ่งจะแนะนำวิธีการเชื่อมต่อ GeoServer กับ PostGIS จากนั้นให้บริการข้อมูล
http://docs.geoserver.org/stable/en/user/gettingstarted/index.html
หากคุณยังใหม่กับสิ่งต่าง ๆ เหล่านี้ไม่มีสถานที่ที่จะเริ่มต้นได้ดีไปกว่าแบบฝึกหัด OpenGeo
http://workshops.opengeo.org/
แน่นอนว่าฉันจะยึดข้อมูลของคุณเป็น PostGIS ถ้า
ก) คุณมีข้อมูลจำนวนมากข) คุณต้องการเรียกใช้คิวรี (เช่นคุณ) และ c) หากมีคนจำนวนมากกำลังใช้แอปของคุณ
หากคุณกำลังจะเรียกใช้แบบสอบถามฉันจะดูที่บริการการประมวลผลเว็บ (WPS) เหล่านี้จะยังคง "ใหม่" แต่สิ่งเหล่านี้ได้รับการสนับสนุนใน GeoServer
อย่างไรก็ตามหากคุณมีข้อมูลจำนวนน้อยและสามารถเรียกใช้คิวรีได้ล่วงหน้าจากนั้นใช้ OpenLayers เพื่อแสดงผลคุณควรใช้ GeoJSON จากไฟล์แฟล็ตหรือดู TopoJSON ที่ได้รับความนิยมอย่างมากจากไลบรารี D3 javascript - ดูที่นี่http://bost.ocks.org/mike/map/การสอนของ Mike Bostock นั้นยอดเยี่ยม
หวังว่าจะช่วย