Sayangnya Anda tidak dapat menghubungkan halaman web secara langsung ke database karena masalah keamanan, biasanya Anda memerlukan middleware untuk menggabungkan keduanya.
Jadi untuk contoh Anda dan jika Anda ingin tetap menggunakan perangkat lunak Open Source Anda dapat dengan mudah menggunakan GeoServer sebagai server geografis Anda untuk menyajikan data Anda dari database PostGIS Anda ke halaman web OpenLayers HTML Anda.
Mengapa ini bagus adalah bahwa GeoServer akan menyajikan data dengan cara standar, OGC Web Map Server (WMS) atau Web Feature Service (WFS) dan keduanya dipahami oleh OpenLayers dan banyak API lainnya (ESRI, Leaflet dll) dan Desktop lainnya Perangkat lunak GIS (ESRI, MapInfo, QGIS, uDig dll)
Jadi saya akan melihat dokumentasi GeoServer memulai yang memandu Anda melalui cara menghubungkan GeoServer ke PostGIS dan kemudian melayani data.
http://docs.geoserver.org/stable/en/user/gettingstarted/index.html
Jika Anda baru mengenal hal-hal seperti ini, tidak ada tempat yang lebih baik untuk memulai daripada tutorial OpenGeo
http://workshops.opengeo.org/
Saya pasti akan tetap dengan data Anda berada di PostGIS jika
a) Anda memiliki banyak data b) Anda ingin menjalankan kueri (seperti yang Anda lakukan) dan c) jika banyak orang akan menggunakan aplikasi Anda
Jika Anda akan menjalankan kueri saya akan melihat Layanan Pemrosesan Web (WPS) ini masih "baru" tetapi ini didukung di GeoServer.
Namun jika Anda memiliki sejumlah kecil data dan dapat melakukan pra-jalankan kueri dan kemudian hanya menggunakan OpenLayers untuk menampilkan maka Anda harus tetap menggunakan GeoJSON dari file datar atau bahkan melihat TopoJSON yang mendapatkan banyak popularitas dengan perpustakaan javascript D3 - lihat di sini http://bost.ocks.org/mike/map/ Tutorial Mike Bostock sangat bagus.
Semoga itu bisa membantu