地図を検索し、postgresql、geoserver、open layers 3、phpを使って詳細を取得する方法は？

-2

私はpostgresqlデータベースにテーブルを持っていて、データベース名はBMCで、50個のテーブルで構成されています。私は、openlayers3を使用してhtmlファイルにマップを表示しています。アプリケーションサーバーはgeoserverです。それで、データベースからのデータをテーブル形式で表示し、地図上のクエリを検索して正確な場所を取得する手助けをしてください。表形式のデータがGeoserverからWFSサービスGetFeatureのリクエストを使用し表示するには地図を検索し、postgresql、geoserver、open layers 3、phpを使って詳細を取得する方法は？

var Source_TANK = 
     new ol.source.TileWMS({ 
     url: 'http://localhost:8080/geoserver/BMC/wms?', 
     params: { 
      'LAYERS': 'BMC:water_tank', 
      'VERSION': '1.1.0', 
      'FORMAT': 'image/png', 
      'TILED': true 
     }, 
     id:"water_tank", 
     serverType:'geoserver' 
    }); 

    var Layer_TANK = new ol.layer.Tile({ 
     source: Source_TANK, 

    }); 

<asp:ListItem Text="Water Tank" Value="49" /> 
             </asp:DropDownList> 
             <asp:DropDownList ID="DropDownListSearchBy" runat="server" style="width:80%;margin-bottom:4px; margin-left:10px;margin-top:3px;"> 
             <asp:ListItem Text="Water Tank" Value="0" /> 
             </asp:DropDownList> 
             <asp:TextBox ID="TextBoxSearch" placeholder="Search for Place, Property etc." style="width:80%;margin:20px;margin-left:10px;margin-top:3px;" runat="server"></asp:TextBox><br> 
            <button id="btn_search" type="button" title="Search" style="width:auto;height:auto; background-color:#3c8dbc;border-color:transparent;margin-left:10px;font-style:normal; font-color:#f9f9f9; font-family: sans-serif; color: #FFFFFF;margin-bottom:10px;">Search 
            <img src="img/search.png"> 
            </button> 
            <button id="btn_clear" type="button" title="Clear" style="width:auto;height:auto;background-color:#3c8dbc;border-color:transparent;margin-left:10px;font-style:normal; font-color:#f9f9f9; font-family: sans-serif; color: #FFFFFF;margin-bottom:10px;">Clear 
            <img src="img/refresh2.png"> 
            </button> 
             </form>

出典

2016-12-13 Hare Krishna