一、Query.js

  1. /**
  2.  * @param {object} service {name,layerId}
  3.  */
  4. class Query {
  5.     /* 属性查询 */
  6.     static queryBySQL({
  7.         where,
  8.         service,
  9.         querySuccess
  10.     }) {
  11.         //1-1设置查询结构
  12.         const queryStruct = new Zondy.Service.QueryFeatureStruct();
  13.         queryStruct.IncludeGeometry = true;
  14.         queryStruct.IncludeWebGraphic = true
  15.         const queryParam = new Zondy.Service.QueryParameter({
  16.             struct: queryStruct
  17.         })
  18.         queryParam.where = where
  19.         /* 1-3、调用查询服务 */
  20.         const queryService = new Zondy.Service.QueryDocFeature(
  21.             queryParam,
  22.             service.name,
  23.             service.layerId, {
  24.                 ip: 'localhost',
  25.                 port: 6163
  26.             }
  27.         )
  28.         queryService.query(querySuccess)
  29.     }
  30. }

二、例子

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <script src="./dist/include-openlayers-local.js"></script>
  8.     <script src="./js/TIAN.js"></script>
  9.     <script src="./edit/Query.js"></script>
  10. </head>
  11. <body>
  12.     <input type="text" id="sql">
  13.     <button onclick="query()">属性查询</button>
  14.     <div id="map_container">
  15.     </div>
  16. <script>
  18.     var docLayer = new Zondy.Map.Doc('','city',{
  19.         ip:'localhost',
  20.         port:6163
  21.     })
  22.     var map = new ol.Map({
  23.         target:"map_container",
  24.         layers:[gaodeMapLayer,docLayer],
  25.         view:new ol.View({
  26.             projection:'EPSG:4326',
  27.             center:[114.30,30.50],
  28.             zoom:4
  29.         })
  30.     })
  31.     function query(){
  32.         var name = document.getElementById("sql").value;
  33.         Query.queryBySQL({
  34.             where:name,
  35.             service:{
  36.                 name:"city",
  37.                 layerId:0
  38.             },
  39.             querySuccess
  40.         })
  41.     }
  42.     function querySuccess(result){
  43.         var format = new Zondy.Format.PolygonJSON();
  44.         var features = format.read(result);
  45.         console.log(features)
  46.     }
  47. </script>
  48. </body>
  49. </html>