На жаль, ви не можете підключити веб-сторінку безпосередньо до бази даних через проблеми безпеки, як правило, вам потрібно трохи проміжного програмного забезпечення, щоб об’єднати їх разом.
Отже, для вашого прикладу, і якщо ви хочете дотримуватися програмного забезпечення з відкритим кодом, ви можете легко використовувати GeoServer як ваш географічний сервер для подачі ваших даних із вашої бази даних PostGIS на веб-сторінку HTML OpenLayers.
Чому це добре, це те, що GeoServer буде обслуговувати дані стандартним чином, сервер веб-карт OGC (WMS) або сервіс веб-функцій (WFS), і обидва вони розуміють OpenLayers та багато інших API (ESRI, Leaflet тощо) та інші настільні Програмне забезпечення GIS (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/ Підручник Майка Бостока чудовий.
Сподіваюся, що це допомагає