Class: amapwms

示例一：
var wms = new amapwms('http://localhost:8085/geoserver','demo')
wms.initialize().then(() => { console.log('加载完毕') })
示例二：
var wms = new amapwms('http://localhost:8085/geoserver','demo',{
 supportRightClick: true,
 hcolor: '#00ffff'
})
示例三：
var wms = new amapwms('http://localhost:8085/geoserver','demo',{
 supportRightClick: true,
 hcolor: '#00ffff'
},{
 tileSize:512,
 zIndex:1,
 buffer:60
})
wms.initialize().then(() => { console.log('加载完毕') })

Extends

• mapwms

Methods

_buildStyle(layer, icons)

Parameters:

Overrides:

• mapwms#_buildStyle

Source:

• mapwms.js, line 1235

_buildStyleRule()

Overrides:

• mapwms#_buildStyleRule

Source:

• mapwms.js, line 1306

_deleteOldStyleFolder(exceptFolder)

Parameters:

Overrides:

• mapwms#_deleteOldStyleFolder

Source:

• mapwms.js, line 1028

_deleteStyleBatch(stylenames)

Parameters:

Overrides:

• mapwms#_deleteStyleBatch

Source:

• mapwms.js, line 1116

_findScale(zoom, isMin)

Parameters:

Overrides:

• mapwms#_findScale

Source:

• mapwms.js, line 1010

_formatIcon(data) → {object}

Parameters:

Overrides:

• mapwms#_formatIcon

Source:

• mapwms.js, line 965

Returns:

Type

object

(async) _paramSVGcolor(svg, param, multicolor)

Parameters:

Overrides:

• mapwms#_paramSVGcolor

Source:

• mapwms.js, line 1057

(async) _uploadResourceBatchSync(folder, datas, multicolor)

Parameters:

Overrides:

• mapwms#_uploadResourceBatchSync

Source:

• mapwms.js, line 1089

(async) _uploadStyleBatch(styles)

Parameters:

Overrides:

• mapwms#_uploadStyleBatch

Source:

• mapwms.js, line 1153

addCustomLayer(layerName, featureopt, coloropt, twinkleopt, durationopt)

Parameters:

Source:

• amapwms.js, line 518

Example

示例一：this.addCustomLayer('BASELAYER','pipe.1','#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例二：this.addCustomLayer('BASELAYER',{id:'pipe.1'},'#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例三：this.addCustomLayer('BASELAYER',{id:'pipe.1',color:'#00ffff'}) // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例四：this.addCustomLayer('BASELAYER',['pipe.1','pipe.2'],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例五：this.addCustomLayer('BASELAYER',[{id:'pipe.1'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例六：this.addCustomLayer('BASELAYER',[{id:'pipe.1',color:'#00ffff'}，{id:'pipe.2',color:'#00ffff'}]) // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ff00'，注意此情况时一般使用 示例七，需要设置默认高亮色
示例七：this.addCustomLayer('BASELAYER',[{id:'pipe.1',color:'#00ff00'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1的高亮颜色为 '#00ff00'，pipe.2的高亮颜色为默认值 #00ffff'
示例八：this.addCustomLayer('BASELAYER') // 清除自定义临时图层

addExtraLayer(featureopt, coloropt, twinkleopt, durationopt)

Parameters:

Source:

• amapwms.js, line 549

Example

示例一：this.addExtraLayer('pipe.1','#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例二：this.addExtraLayer({id:'pipe.1'},'#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例三：this.addExtraLayer({id:'pipe.1',color:'#00ffff'}) // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例四：this.addExtraLayer(['pipe.1','pipe.2'],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例五：this.addExtraLayer([{id:'pipe.1'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例六：this.addExtraLayer([{id:'pipe.1',color:'#00ffff'}，{id:'pipe.2',color:'#00ffff'}]) // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ff00'，注意此情况时一般使用 示例七，需要设置默认高亮色
示例七：this.addExtraLayer([{id:'pipe.1',color:'#00ff00'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1的高亮颜色为 '#00ff00'，pipe.2的高亮颜色为默认值 #00ffff'
示例八：this.addExtraLayer() // 清除高亮要素

addPoint(datas) → {Promise}

Parameters:

Overrides:

• mapwms#addPoint

Source:

• mapwms.js, line 662

Returns:

Type

Promise

Example

let data = {
 fixed:false,
 lng:105,
 lat:30,
 type:'',
 property:{
   status:0,
 },
 style:{
   color:'#ff0000',
   size:20,
 }
}
addPoint(data)或addPoint[(data]);

addPolyline(datas) → {object}

Parameters:

Overrides:

• mapwms#addPolyline

Source:

• mapwms.js, line 694

Returns:

Type

object

Example

let data = {
 fixed:false,
 path:[[103,30],[103,31]]
 type:'',
 property:{
   status:0,
 },
 style:{
   color:'#ff0000',
   size:20,
 }
}
addPolyline(data)或addPolyline([data]);

clear()

Source:

• amapwms.js, line 400

clearBaseLayer()

Source:

• amapwms.js, line 494

clearCustomLayer(layerName)

Parameters:

Source:

• amapwms.js, line 526

clearExtraLayer()

Source:

• amapwms.js, line 556

clearTwinkle()

Source:

• amapwms.js, line 390

createFeature(features:) → {Promise}

Parameters:

Overrides:

• mapwms#createFeature

Source:

• mapwms.js, line 709

Returns:

Type

Promise

createGetWMS(ogc, extra)

Parameters:

Source:

• amapwms.js, line 140

createPostWMS(ogc, extra, offsetX, offsetY)

Parameters:

Source:

• amapwms.js, line 163

(async) createWorkspace(optionopt)

Parameters:

Overrides:

• mapwms#createWorkspace

Source:

• mapwms.js, line 1491

Example

var wms = new mapwms('http://localhost:8085/geoserver','demo')
示例一：
//wms.initialize().then(() => { console.log('加载完毕') })//由于demo不存在，故不用调用initialize方法
//新建工作空间demo
wms.createWorkspace()
示例二：
//新建工作空间demo2
wms.createWorkspace({
 workspace:'demo2'
})
示例三：
//在新geoserver上创建工作空间demo3
wms.createWorkspace({
 service:'http://192.168.10.212:8080/geoserver',
 workspace:'demo3'
})
示例四：
//新建工作空间dem04,指定完整的数据库连接信息
wms.createWorkspace({
       workspace: 'dem04',
       database: 'dem3_DB',
       host: '127.0.0.1',
       port: 2345,
       user: 'postgres',
       passwd:'admin'
   }

emit(eventName, args) → {eventbus}

Parameters:

Overrides:

• mapwms#emit

Source:

• eventbus.js, line 93

Returns:

Type

eventbus

filterAttribute(attribute)

Parameters:

Overrides:

• mapwms#filterAttribute

Source:

• mapwms.js, line 515

Example

示例一：
this.filterAttribute({
     color:'#0040FF',
     subtype:'c2246ddf-36b8-4067-b498-ac6b002513f0'
 })
示例二：
this.filterAttribute({
     color:['#0040FF','#FF8C00'],
     subtype:'c2246ddf-36b8-4067-b498-ac6b002513f0'
 })
示例三：
this.filterAttribute({
     color:['#0040FF','#FF8C00'],
     subtype:['c2246ddf-36b8-4067-b498-ac6b002513f0']
 })

filterFeature(feature)

Parameters:

Overrides:

• mapwms#filterFeature

Source:

• mapwms.js, line 488

filterGeometry(pointList, relationshipopt)

Parameters:

Overrides:

• mapwms#filterGeometry

Source:

• mapwms.js, line 1419

Example

示例五：过滤一个空间
this.filterGeometry([
   [105.816212, 32.433169],
   [105.816985, 32.428826],
   [105.820346, 32.424186],
   [105.829448, 32.43186],
   [105.826919, 32.43769],
   [105.817788, 32.437362],
   [105.816212, 32.433169],
 ])
示例六：只过滤空间,并指定空间关系WITHIN-包含关系
this.filterGeometry([
   [105.816212, 32.433169],
   [105.816985, 32.428826],
   [105.820346, 32.424186],
   [105.829448, 32.43186],
   [105.826919, 32.43769],
   [105.817788, 32.437362],
   [105.816212, 32.433169],
 ],'WITHIN')
示例七：过滤多个空间
this.filterGeometry([[
   [105.816212, 32.433169],
   [105.816985, 32.428826],
   [105.820346, 32.424186],
   [105.829448, 32.43186],
   [105.826919, 32.43769],
   [105.817788, 32.437362],
   [105.816212, 32.433169],
 ],[
          [105.856212, 32.433169],
          [105.856985, 32.428826],
          [105.860346, 32.424186],
          [105.869448, 32.43186],
          [105.866919, 32.43769],
          [105.857788, 32.437362],
          [105.856212, 32.433169],
        ]])

fitView(feature)

Parameters:

Source:

• amapwms.js, line 327

Example

this.fitView('pipe.131')
this.fitView(['pipe.132', 'pipe.133', 'pipe.131'])

forceLayerGroup(group)

Parameters:

Overrides:

• mapwms#forceLayerGroup

Source:

• mapwms.js, line 141

(async) getLayers(是否强制刷新图层信息，不使用缓存的信息)

Parameters:

Overrides:

• mapwms#getLayers

Source:

• mapwms.js, line 850

hierarchicalAnalytical(featureopt, coloropt)

Parameters:

Overrides:

• mapwms#hierarchicalAnalytical

Source:

• mapwms.js, line 371

Example

示例一：this.setHilightFeature('pipe.1','#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例二：this.setHilightFeature({id:'pipe.1'},'#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例三：this.setHilightFeature({id:'pipe.1',color:'#00ffff'}) // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例四：this.setHilightFeature(['pipe.1','pipe.2'],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例五：this.setHilightFeature([{id:'pipe.1'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例六：this.setHilightFeature([{id:'pipe.1',color:'#00ffff'}，{id:'pipe.2',color:'#00ffff'}]) // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ff00'，注意此情况时一般使用 示例七，需要设置默认高亮色
示例七：this.setHilightFeature([{id:'pipe.1',color:'#00ff00'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1的高亮颜色为 '#00ff00'，pipe.2的高亮颜色为默认值 #00ffff'
示例八：this.setHilightFeature() // 清除高亮要素

(async) initialize()

Overrides:

• mapwms#initialize

Source:

• mapwms.js, line 155

Fires:

• mapwms#wms:upload

mask(color)

Parameters:

Overrides:

• mapwms#mask

Source:

• mapwms.js, line 477

off(event, fn) → {EventTarget}

Parameters:

Overrides:

• mapwms#off

Source:

• eventbus.js, line 70

Returns:

Type

EventTarget

on(event, fn) → {eventbus}

Parameters:

Overrides:

• mapwms#on

Source:

• eventbus.js, line 28

Returns:

Type

eventbus

once(event, fn) → {eventbus}

Parameters:

Overrides:

• mapwms#once

Source:

• eventbus.js, line 45

Returns:

Type

eventbus

onProgressLoaded()

Overrides:

• mapwms#onProgressLoaded

Source:

• mapwms.js, line 610

Fires:

• mapwms#progress:loaded

onProgressLoading()

Overrides:

• mapwms#onProgressLoading

Source:

• mapwms.js, line 596

Fires:

• mapwms#progress:loading

onQueryClick()

Source:

• amapwms.js, line 285

Fires:

• amapwms#event:queryclick

onQueryRightClick()

Source:

• amapwms.js, line 304

Fires:

• amapwms#event:queryrightclick

onWmsUpload()

Overrides:

• mapwms#onWmsUpload

Source:

• mapwms.js, line 543

Fires:

• mapwms#wms:upload

query(X, Y, WIDTH, HEIGHT, BBOX, CRSopt, LAYERSopt, QUERY_LAYERSopt, VERSIONopt, FEATURE_COUNTopt, INFO_FORMATopt, TRANSPARENTopt) → {Promise}

Parameters:

Overrides:

• mapwms#query

Source:

• mapwms.js, line 259

Fires:

• mapwms#progress:loading
• mapwms#progress:loaded

Returns:

Type

Promise

queryFeature(featureopt, propertyopt, countopt, layersopt)

Parameters:

Overrides:

• mapwms#queryFeature

Source:

• mapwms.js, line 296

refresh()

Overrides:

• mapwms#refresh

Source:

• mapwms.js, line 217

removeFeature(featureId:需要删除的要素的ID集合，数组) → {Promise}

Parameters:

Overrides:

• mapwms#removeFeature

Source:

• mapwms.js, line 718

Returns:

Type

Promise

removeFeatureByCondition(condition) → {Promise}

Parameters:

Overrides:

• mapwms#removeFeatureByCondition

Source:

• mapwms.js, line 733

Returns:

Type

Promise

(async) removeWorkspace(optionopt)

Parameters:

Overrides:

• mapwms#removeWorkspace

Source:

• mapwms.js, line 1543

setConflict(testconflictopt)

Parameters:

Overrides:

• mapwms#setConflict

Source:

• mapwms.js, line 1355

setHierarchyFeature(featureopt, coloropt, layerNameopt)

Parameters:

Overrides:

• mapwms#setHierarchyFeature

Source:

• mapwms.js, line 466

Fires:

• mapwms#wms:upload

Example

示例一：this.setHierarchyFeature('pipe.1','#00ffff') // 设置分层要素，pipe.1的高亮颜色为 '#00ffff'
示例二：this.setHierarchyFeature({id:'pipe.1'},'#00ffff') //设置分层要素，pipe.1的高亮颜色为 '#00ffff'
示例三：this.setHierarchyFeature({id:'pipe.1',color:'#00ffff'}) // 设置分层要素，pipe.1的高亮颜色为 '#00ffff'
示例四：this.setHierarchyFeature(['pipe.1','pipe.2'],'#00ffff') // 设置分层要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例五：this.setHierarchyFeature([{id:'pipe.1'}，{id:'pipe.2'}],'#00ffff') // 设置分层要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例六：this.setHierarchyFeature([{id:'pipe.1',color:'#00ffff'}，{id:'pipe.2',color:'#00ffff'}]) // 设置分层要素，pipe.1、pipe.2的高亮颜色为 '#00ff00'，注意此情况时一般使用 示例七，需要设置默认高亮色
示例七：this.setHierarchyFeature([{id:'pipe.1',color:'#00ff00'}，{id:'pipe.2'}],'#00ffff') // 设置分层要素，pipe.1的高亮颜色为 '#00ff00'，pipe.2的高亮颜色为默认值 #00ffff'
示例八：this.setHierarchyFeature() // 清除分层要素

setHilightFeature(featureopt, coloropt)

Parameters:

Overrides:

• mapwms#setHilightFeature

Source:

• mapwms.js, line 438

Fires:

• mapwms#wms:upload

Example

示例一：this.setHilightFeature('pipe.1','#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例二：this.setHilightFeature({id:'pipe.1'},'#00ffff') // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例三：this.setHilightFeature({id:'pipe.1',color:'#00ffff'}) // 设置一个高亮要素，pipe.1的高亮颜色为 '#00ffff'
示例四：this.setHilightFeature(['pipe.1','pipe.2'],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例五：this.setHilightFeature([{id:'pipe.1'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ffff'
示例六：this.setHilightFeature([{id:'pipe.1',color:'#00ffff'}，{id:'pipe.2',color:'#00ffff'}]) // 设置两个高亮要素，pipe.1、pipe.2的高亮颜色为 '#00ff00'，注意此情况时一般使用 示例七，需要设置默认高亮色
示例七：this.setHilightFeature([{id:'pipe.1',color:'#00ff00'}，{id:'pipe.2'}],'#00ffff') // 设置两个高亮要素，pipe.1的高亮颜色为 '#00ff00'，pipe.2的高亮颜色为默认值 #00ffff'
示例八：this.setHilightFeature() // 清除高亮要素

setMap(map)

Parameters:

Source:

• amapwms.js, line 73

Fires:

• amapwms#wms:initialized 初始化完成事件

setNozoom(nozoom)

Parameters:

Overrides:

• mapwms#setNozoom

Source:

• mapwms.js, line 1366

(async) syncDeviceStyle(icondata, category, multicoloropt) → {Promise}

Parameters:

Overrides:

• mapwms#syncDeviceStyle

Source:

• mapwms.js, line 901

Returns:

Type

Promise

Example

var icondata={
   category: 0,
   fixed: true,
   type: '20ab312e-d505-4c37-8b85-ac75007e2a31',
   property: {
       status:0
   },
   style:{
       title:'正常阀门',
       content:'<svg/>',
       zindex:1,
       size: 8,
       color: '#ffffff'
       zoom:[15,19]
   }
}

util.syncDeviceStyle([icondata])

twinkle(layerName, options)

Parameters:

Source:

• amapwms.js, line 370

See:

• options animejs 动画参数

updateFeature(feature)

Parameters:

Overrides:

• mapwms#updateFeature

Source:

• mapwms.js, line 748

updateFeatureByCondition(layertype, valuses, filteropt) → {Promise}

Parameters:

Overrides:

• mapwms#updateFeatureByCondition

Source:

• mapwms.js, line 840

Returns:

Type

Promise

Example

暂时采用如下格式,并用And连接
let filter={
    where:[
        {
            key:'',
            value:''
       },{
            key:'',
            value:''
        }
    ]
 }

updatePoint(data) → {Promise}

Parameters:

Overrides:

• mapwms#updatePoint

Source:

• mapwms.js, line 782

Returns:

Type

Promise

Example

let data = {
 id:'fitting.8',
 fixed:false,
 lng:105,
 lat:30,
 type:'',
 property:{
   status:0,
 },
 style:{
   color:'#ff0000',
   size:20,
 }
}
updatePoints(data)或updatePoints([data]);

updatePolyline(data) → {object}

Parameters:

Overrides:

• mapwms#updatePolyline

Source:

• mapwms.js, line 816

Returns:

Type

object

Example

let data = {
 id:'pipe.8',
 fixed:false,
 path:[[103,30],[103,31]]
 type:'',
 property:{
   status:0,
 },
 style:{
   color:'#ff0000',
   size:20,
 }
}
updatePolylines(data)或updatePolylines([data]);

uploadOverlays(高德元素对象或者高德元素对象数组) → {Promise}

Parameters:

Source:

• amapwms.js, line 453

Returns:

Type

Promise

Example

var overlay = new AMap.Marker()

overlay.setExtData({
   // *必填项，设备或者管线是否已矢量缩放的形式进行呈现，默认值为true
   fixed: true,
   // *必填项，设备类型id，不管是管道还是阀门还是其他设备，均需要填写该值
   type: '20ab312e-d505-4c37-8b85-ac75007e2a31',
   // 选填项，设备业务属性，支持自定义对象
   property: {

   },
   // 选填项，设备样式属性，对于管线而言size是线宽度，对于点而言，size是图标大小
   style:{
       // 选填项，符号层级
       zindex:1,
       // 选填项，图标大小或者管线宽度，注意 fixed 为真是代表矢量缩放，此时size的单位为m，否则size的单位是px
       size: 8,
       // 选填项，图标颜色或者管线颜色，
       color: '#ffffff'
       zoom:[15,19]?暂不能实现
   }
})

util.uploadOverlays(overlay) 或者 util.uploadOverlays([overlay])

useAuth(user, pwd)

Parameters:

Overrides:

• mapwms#useAuth

Source:

• mapwms.js, line 628

Events

queryclick

Type:

• Object

Properties:

Source:

• amapwms.js, line 286

queryclick

Type:

• Object

Properties:

Source:

• tmapwms.js, line 448

queryrightclick

Type:

• Object

Properties:

Source:

• amapwms.js, line 305

queryrightclick

Type:

• Object

Properties:

Source:

• tmapwms.js, line 497

progress:loaded

Overrides:

• mapwms#progress:loaded

Source:

• mapwms.js, line 611

progress:loading

Overrides:

• mapwms#progress:loading

Source:

• mapwms.js, line 597

wms:upload

Parameters:

Overrides:

• mapwms#wms:upload

Source:

• mapwms.js, line 570