К сожалению, вы не можете подключить веб-страницу напрямую к базе данных из-за проблем безопасности, обычно вам нужно какое-то промежуточное программное обеспечение, чтобы соединить их вместе.
Так что для вашего примера и если вы хотите придерживаться программного обеспечения с открытым исходным кодом, вы можете легко использовать GeoServer в качестве своего географического сервера для передачи ваших данных из базы данных PostGIS на веб-страницу OpenLayers HTML.
Это хорошо, потому что GeoServer будет обслуживать данные стандартным способом, OGC Web Map Server (WMS) или Web Feature Service (WFS), и оба понимают OpenLayers и многие другие API (ESRI, Leaflet и т. Д.) И другие Desktop Программное обеспечение ГИС (ESRI, MapInfo, QGIS, uDig и т. Д.)
Поэтому я бы посмотрел на начало работы с документацией GeoServer, в которой рассказывается, как подключить GeoServer к PostGIS, а затем обработать данные.
http://docs.geoserver.org/stable/en/user/gettingstarted/index.html
Если вы новичок в подобных вещах, лучше начать с учебников по OpenGeo
http://workshops.opengeo.org/
Я бы определенно придерживался ваших данных в PostGIS, если
а) у вас много данных б) вы хотите выполнять запросы (как вы делаете) и в) если много людей собираются использовать ваше приложение
Если вы собираетесь выполнять запросы, я бы посмотрел на Web Processing Services (WPS), они все еще «новые», но они поддерживаются в GeoServer.
Однако, если у вас небольшой объем данных, и вы можете предварительно выполнить запросы, а затем просто использовать OpenLayers для отображения, вам следует придерживаться использования GeoJSON из плоского файла или даже взглянуть на TopoJSON, который набирает популярность благодаря библиотеке JavaScript D3 - смотрите здесь http://bost.ocks.org/mike/map/ Учебное пособие Майка Бостока великолепно.
надеюсь, это поможет