首頁>編程相關>其他源碼
下載

宣傳單張-WFST

用於傳單的 OGC WFS-T 用戶端層。

安裝插件

通過 npm： 

  npm i leaflet-wfst --save

通過鮑爾： 

  bower i leaflet-wfst --save

來自 GitHub： 

  npm i -S git://github.com/Flexberry/Leaflet-WFST.git#v1.1.1

其中 #v1.1.1 是特定發行版的版本。

初始化選項

   options: {
        crs : L . CRS . EPSG3857 ,
        showExisting : true ,
        geometryField : 'Shape' ,
        url : '' ,
        typeNS : '' ,
        typeName : '' ,
        opacity : 1 ,
        style : {
            color : 'black' ,
            weight : 1
        }
    }

例子

 const wfstPointOptions = {
  crs : L . CRS . EPSG4326 ,
  showExisting : true ,
  geometryField : 'geom' ,
  url : `http://localhost:8080/geoserver/wfs` ,
  typeNS : 'test' ,
  typeName : 'test' ,
  maxFeatures : 90 ,
  opacity : 1 ,
  style : function ( layer ) {
    // you can use if statemt etc
    return {
      color : 'black' ,
      weight : 1
    }
  } ,
} ;
const wfstPoint = new L . WFST ( wfstPointOptions , new L . Format . GeoJSON ( {
  crs : L . CRS . EPSG4326 ,
  pointToLayer ( geoJsonPoint , latlng ) {
    const layer = new L . CircleMarker ( latlng , {
      radius : 10 ,
    } ) ;
    return layer ;
  } ,
} ) ) ;
wfstPoint . addTo ( map ) ;
選項名稱預設評論
crs L.CRS.EPSG3857圖層的空間參考系統，應實現 ICRS，例如 Proj4Leaflet
顯示現有的真的在建立層上載入現有功能
幾何場'形狀'用於儲存幾何圖形的字段，對於非事務服務可以省略
網址- WFS url，例如 http://demo.opengeo.org/geoserver/osm/ows
NS型-類型命名空間
類型名稱-類型名稱
類型NS名稱-類型命名空間名稱
命名空間Uri -命名空間URI
不透明度1圖層的不透明度
風格-傳單向量風格。函數或物件
篩選-任何過濾器。請參閱過濾器
最大特徵-限制回傳的特徵數量

基本 WFS 範例 - 查看

 var map = L . map ( 'map' ) . setView ( [ 0 , 0 ] , 2 ) ;

var boundaries = new L . WFS ( {
    url : 'http://demo.opengeo.org/geoserver/ows' ,
    typeNS : 'topp' ,
    typeName : 'tasmania_state_boundaries' ,
    crs : L . CRS . EPSG4326 ,
    style : {
        color : 'blue' ,
        weight : 2
    }
} ) . addTo ( map )
  . on ( 'load' , function ( ) {
      map . fitBounds ( boundaries ) ;
  } )

方法

使用 toGml(crs) 函數擴展傳單類別：

  • 馬克爾
  • L多邊形
  • 折線
  • L.多重多邊形
  • L.多折線
  • L.LatLngBounds

活動

觸發兩種類型的事件：

  • load - 當「DescribeFeatureType」和「GetFeature」請求都成功且功能已成功解析為傳單層時觸發
  • 錯誤 - 當任何“DescribeFeatureType”或“GetFeature”請求失敗且功能尚未解析為傳單層時觸發

標記幾何體寫入 posNode，所有其他層幾何體寫入 posList

篩選

OGC Filter Encoding v1.1.0 的實現

過濾器實作僅傳回過濾器元素的內部內容。

所有濾波器建構函數的一些注意事項：

  • “表達式” - 屬性名稱、文字、運算子過濾器或函數
  • 「propertyExpression」 - 如果此位置上的參數不是 Element 並且不是「表達式」方法，則它懷疑是 propertyName
  • “literalExpression” - 如果此位置上的參數不是 Element 並且不是“表達式”，則懷疑是文字
姓名建構函數
ID
Gml對象ID L.Filter.GmlObjectId(值id)
比較
屬性等於L.Filter.EQ（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
屬性不等於L.Filter.NotEQ（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
財產小於L.Filter.LT（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
財產大於L.Filter.GT（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
屬性小於或等於L.Filter.LEQ（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
屬性大於或等於L.Filter.GEQ（屬性表達式第一個參數，文字表達式第二個參數，布林 matchCase）
財產就像L.Filter.Like(字串屬性名稱,字串like表達式,物件屬性)
屬性為空L.Filter.IsNull(字串屬性名稱)
屬性介於之間L.Filter.IsBetween（屬性表達式firstArgument，文字表達式下邊界，文字表達式上邊界）
營運商
添加L.Filter.Add(表達式, 表達式)
子L.Filter.Sub(表達式, 表達式)
穆爾L.Filter.Mul(表達式, 表達式)
分割區L.Filter.Div(表達式, 表達式)
邏輯
和L.Filter.And(表達式[, 表達式]*)
或者L.Filter.Or(表達式[, 表達式]*)
不是L.Filter.Not(表達式)
空間
盒子L.Filter.BBox(字串屬性名稱, latLngBounds 邊界, ICRS crs)
等於L.Filter.Equals（字串屬性名稱，圖層幾何形狀，ICRS crs）
不相交L.Filter.Disjoint（字串屬性名稱，圖層幾何形狀，ICRS crs）
觸摸L.Filter.Touches（字串屬性名稱，圖層幾何形狀，ICRS crs）
之內L.Filter.Within（字串屬性名稱，圖層幾何形狀，ICRS crs）
重疊L.Filter.Overlaps（字串屬性名稱，圖層幾何形狀，ICRS crs）
十字架L.Filter.Crosses（字串屬性名稱，圖層幾何形狀，ICRS crs）
相交L.Filter.Intersects（字串屬性名稱，圖層幾何圖形，ICRS crs）
包含L.Filter.Contains（字串屬性名稱，圖層幾何形狀，ICRS crs）
空間距離緩衝區
D內L.Filter.DWithin(字串屬性名稱、圖層幾何形狀、ICRS crs、值距離、字串單位)
超過L.Filter.Beyond（字串屬性名稱，圖層幾何形狀，ICRS crs，值距離，字串單位）
其他
功能L.Filter.Function(字串函數名[,表達式]*)
屬性名稱L.Filter.propertyName(字串名稱)
文字L.Filter.literal(值)

PropertyName和Literal是函數，直接回傳Gml。

範例

特徵ID

標準中有兩個過濾器 - GmlObjectID 和 FeatureID，但最新的過濾器被標記為已棄用，因此未實現。

例子： 

  var filter = new L . Filter . GmlObjectID ( 1 ) ;

結果XML： 

  < ogc : Filter xmlns : ogc = " http://www.opengis.net/ogc " >
    < ogc : GmlObjectId xmlns : gml = " http://www.opengis.net/gml " gml : id = " 1 " />
  </ ogc : Filter >

屬性等於

  var filter = new L . Filter . EQ ( 'city' , 'Perm' ) ;
  filter . toGml ( )

結果XML： 

  < ogc : PropertyIsEqualTo >
    < ogc : PropertyName >city</ ogc : PropertyName >
    < ogc : Literal >Perm</ ogc : Literal >
  </ ogc : PropertyIsEqualTo >

財產就像

此過濾器接受可選屬性物件： 

 attributes: {
    wildCard : '*' ,
    singleChar : '#' ,
    escapeChar : '!' ,
    matchCase : true
  } 
  var filter = new L . Filter . Like ( 'city' , '*perm*' , { matchCase : false } ) ;
  filter . toGml ( )

結果XML： 

  < ogc : ogc:PropertyIsLike wildCard = " * " singleChar = " # " escapeChar = " ! " matchCase = " false " >
    < ogc : PropertyName >city</ ogc : PropertyName >
    < ogc : Literal >*perm*</ ogc : Literal >
  </ ogc : ogc:PropertyIsLike >

盒子

例子： 

    var filter = new L . Filter . BBox ( 'ogr_geometry' , L . latLngBounds ( L . latLng ( 40.712 , - 74.227 ) , L . latLng ( 40.774 , - 74.125 ) ) , L . CRS . EPSG4326 ) ;
    filter . toGml ( )

結果XML： 

  < ogc : Filter xmlns : ogc = " http://www.opengis.net/ogc " >
    < ogc : BBOX >
      < ogc : PropertyName >ogr_geometry</ ogc : PropertyName >
      < gml : Envelope xmlns : gml = " http://www.opengis.net/gml " srsName = " EPSG:4326 " >
        < gml : lowerCorner >-74.227 40.712</ gml : lowerCorner >
        < gml : upperCorner >-74.125 40.774</ gml : upperCorner >
      </ gml : Envelope >
    </ ogc : BBOX >
  </ ogc : Filter >

相交

例子： 

  var filter = new L . Filter . Intersects ( 'ogr_geometry' , L . polygon ( [ L . latLng ( 40.712 , - 74.227 ) , L . latLng ( 40.774 , - 74.125 ) , L . latLng ( 40.734 , - 74.175 ) ] ) , L . CRS . EPSG4326 ) ;
  filter . toGml ( ) ;

結果XML： 

  < ogc : Filter xmlns : ogc = " http://www.opengis.net/ogc " >
    < ogc : Intersects >
      < ogc : PropertyName >ogr_geometry</ ogc : PropertyName >
      < gml : Polygon xmlns : gml = " http://www.opengis.net/gml " srsName = " EPSG:4326 " srsDimension = " 2 " >
        < gml : exterior >
          < gml : LinearRing srsDimension = " 2 " >
            < gml : posList >-74.227 40.712 -74.125 40.774 -74.175 40.734 -74.227 40.712</ gml : posList >
          </ gml : LinearRing >
        </ gml : exterior >
      </ gml : Polygon >
    </ ogc : Intersects >
  </ ogc : Filter >

WFST 範例

編輯外掛 - Leaflet.Editable 

 L . WFST . include ( MultiEditableMixin ) ;

var wfst = new L . WFST ( {
    url : 'http://myserver/geoserver/ows' ,
    typeNS : 'myns' ,
    typeName : 'POIPOINT' ,
    style : {
        color : 'blue' ,
        weight : 2
    }
} ) . addTo ( map ) . once ( 'load' , function ( ) {
            map . fitBounds ( wfst ) ;
            wfst . enableEdit ( ) ;
        } ) ;

map . on ( 'editable:created' , function ( e ) {
    wfst . addLayer ( e . layer ) ;
} ) ;

map . on ( 'editable:editing' , function ( e ) {
    wfst . editLayer ( e . layer ) ;
} ) ;

使「wfs:Transaction」POST 請求呼叫 save() 方法，例如 Leaflet.EasyButton 

 L . easyButton ( 'fa-save' , function ( ) {
     wfst . save ( ) ;
 } , 'Save changes' ) ;

圖層屬性

 //simple layer
layer = new L . Marker ( [ 0 , 0 ] ) ;
layer . feature = {
  id : 1 ,
  properties : {
    a : 'a' ,
    b : 'b'
  }
} ;

//get value by key 'a'
var a = layer . getProperty ( 'a' ) ;

//change values
layer . setProperties ( {
  a : 'b' ,
  b : 'a'
} ) ;

//add new property
layer . setProperties ( {
  c : 'c'
} ) ;

//delete properties
layer . deleteProperties ( [ 'a' , 'b' , 'c' ] ) ;

示範

GML 讀取格式的演示

  • 標記
  • 多邊形
  • 折線

GeoJSON 讀取格式演示

  • 多邊形

演示過濾器 bbox

  • 盒子

執照

麻省理工學院許可證

展開
附加信息
相關應用
爲您推薦
相關資訊 全部