# new WMSLayer(options)
WMS图层,
ç›®å‰äºŒç»´ä¸Šæ”¯æŒ4326(包括4490,4214以åŠ4610),3857以åŠEPSG支æŒçš„è‡ªå®šä¹‰åæ ‡ç³»ï¼Œä¸‰ç»´ä¸Šä»…支æŒ4326(包括4490,4214以åŠ4610)以åŠ3857åæ ‡ç³»ï¼Œä¼šè‡ªåŠ¨è¯»å–元信æ¯ä¸Šçš„åæ ‡ç³»ï¼Œä¸éœ€è¦ç”¨æˆ·æŒ‡å®šï¼ŒåŒæ—¶æ‰€æœ‰çš„WMSæœåŠ¡éƒ½æ”¯æŒåŠ¨æ€æŠ•å½±ï¼Œç”¨æˆ·ä¹Ÿå¯æŒ‡å®šä»»æ„该æœåŠ¡æ”¯æŒçš„åæ ‡ç³»
[ES5引入方å¼]:
Zondy.Layer.WMSLayer()
[ES6引入方å¼]:
import { WMSLayer } from "@mapgis/webclient-common"
针对图层的æ“ä½œè¯·åœ¨å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ä¸è¿›è¡Œ
Layer.on('layerview-created', function (result) {
console.log("åŠ è½½å®Œæ¯•:", result.layer)
});
å¦‚æžœä¸æƒ³åœ¨è¯¥äº‹ä»¶ä¸æ”¾å…¥ä¸šåС代ç ,则请确认图层资æºå·²åŠ è½½å®Œæ¯•åŽå†è¿›è¡Œæ“作
if(layer.loadStatus === 'loaded') {
// ä½ çš„ä¸šåŠ¡é€»è¾‘
}
傿•°
åç§° | 类型 | 默认值 | æè¿° |
---|---|---|---|
options |
Object | æž„é€ å‚æ•° |
|
url |
String | æœåŠ¡åŸºåœ°å€ï¼Œæ”¯æŒçš„æœåŠ¡å¦‚ä¸‹ï¼š |
|
title |
String | 图层åç§° |
|
spatialReference |
SpatialReference | å›¾å±‚åæ ‡ç³»ï¼Œæ”¯æŒ4326ã€3857以åŠEPSGä¸Šçš„è‡ªå®šä¹‰åæ ‡ç³»ï¼Œåæ ‡ç³»é»˜è®¤ä»Žå…ƒä¿¡æ¯ä¸èŽ·å–ï¼Œä¹Ÿå¯æŒ‡å®šåæ ‡ç³»ï¼Œ å‚考示例:[è®¾ç½®å›¾å±‚åæ ‡ç³»] |
|
opacity |
Number | 1 | 图层逿˜Žåº¦ï¼Œ0到1之间的值,0ä¸ºå®Œå…¨é€æ˜Žï¼Œ1为ä¸é€æ˜Žï¼Œå‚考示例:[è®¾ç½®å›¾å±‚é€æ˜Žåº¦] |
visible |
Boolean | true | 图层显示或éšè—,true则显示,false则éšè—,å‚考示例:[设置图层显éš] |
imageWidth |
Number | 256 | 图片宽度,å•ä½px |
imageHeight |
Number | 256 | 图片高度,å•ä½px |
minScale |
Number | 0 | æœ€å°æ˜¾ç¤ºæ¯”例尺,图层在视图ä¸å¯è§çš„æœ€å°æ¯”例尺。 |
maxScale |
Number | 0 | 最大显示比例尺,图层在视图ä¸å¯è§çš„æœ€å¤§æ¯”例尺。 |
imageTransparency |
Boolean | true | å›¾ç‰‡ä¸æ²¡æœ‰æ•°æ®çš„地方是å¦é€æ˜Žï¼Œé»˜è®¤ä¸ºtrue,å³é€æ˜Ž |
clippingArea |
Polygon | Extent | Circle | MultiPolygon | null | null | 图层空间è£å‰ªèŒƒå›´ï¼Œä»…支æŒå¤šå¤šè¾¹å½¢è£å‰ªã€å¤šè¾¹å½¢è£å‰ªã€çŸ©å½¢è£å‰ªã€åœ†å½¢è£å‰ª |
sublayers |
Array | [] | 指定å图层傿•°ï¼Œå¯è®¾ç½®åå›¾å±‚æ˜¯å¦æ˜¾ç¤ºï¼Œè‹¥ä¸å¡«åˆ™æ˜¾ç¤ºæ‰€æœ‰åå›¾å±‚ï¼Œè‹¥æœ‰å€¼åˆ™åªæ˜¾ç¤ºvisible为trueçš„å图层, |
tokenKey |
String | 'token' | tokenå |
tokenValue |
String | tokenå€¼ï¼Œåªæœ‰å½“tokenValueå˜åœ¨æ—¶ï¼Œæ‰ä¼šç»‘定token |
- Layer#event:å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶
- Layer#event:图层销æ¯å®Œæ¯•事件
- Layer#event:图层更新完毕事件
- Layer#event:å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
- Layer#event:图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件
- Layer#event:å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件
- Layer#event:图层刷新完毕事件
- WMSLayer#event:åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
支æŒå¦‚下方法:
[1ã€åŠ è½½å›¾å±‚èµ„æº][2ã€è®¾ç½®å图层傿•°]
[3ã€æ ¹æ®å图层id查询图层]
[4ã€é€šè¿‡ä¼ 入的jsonæž„é€ å¹¶è¿”å›žä¸€ä¸ªæ–°çš„å‡ ä½•å¯¹è±¡]
5ã€å¯¼å‡ºä¸ºjson对象
6ã€å…‹éš†å‡ 何对象
示例
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–wms图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/WMSServer'
});
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–时设置
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/WMSServer',
// è®¾ç½®é€æ˜Žåº¦
opacity: 1.0
});
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–时设置
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/WMSServer',
// 显示或éšè—图层
visible: true
});
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
const { SpatialReference } = Zondy
// ES6引入方å¼
import { WMSLayer, SpatialReference } from "@mapgis/webclient-common"
// åˆå§‹åŒ–wms图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/WMSServer',
// æŒ‡å®šå›¾å±‚åæ ‡ç³»
spatialReference: new SpatialReference({
// åæ ‡ç³»çš„wkid,å¯åœ¨https://epsg.io/网站查询
wkid: 4326
})
});
map.remove(wmsLayer)
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
url: 'http://219.142.81.85/arcgis/rest/services/10wanZH/MapServer/WMSServer',
// 注æ„一个WMS图层å¯èƒ½æ”¯æŒå¤šä¸ªåæ ‡ç³»ï¼Œè¿™é‡ŒæŒ‡å®š3857åæ ‡ç³»
spatialReference: new Zondy.SpatialReference({
wkid: 3857
})
});
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer',
// è¦æ˜¾ç¤ºçš„å图层,若ä¸å¡«ï¼Œåˆ™é»˜æ˜¾ç¤ºæ‰€æœ‰å图层
sublayers: [{
id: 0,
visible: true
}, {
id: 1,
visible: true
}]
});
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer'
});
// 通过图层idæ¥è®¾ç½®æ˜¾éš
wmsLayer.setSubLayer({
id: 0,
visible: false
})
// 或者通过图层å称设置显éš
wmsLayer.setSubLayer({
name: "Map_Hubei4326:t1",
visible: true
})
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer'
});
// æ ¹æ®id获å–å图层
const wmsSubLayer = wmsLayer.findSublayerById(0)
// 设置å图层显éš
wmsSubLayer.visible = false
继承关系
æˆå‘˜å˜é‡
æˆå‘˜å˜é‡æ¦‚è¿°
åç§° | 类型 | æè¿° |
---|---|---|
allSublayers |
Array
|
|
clippingArea |
Polygon
|
Extent
|
Circle
|
MultiPolygon
|
null
|
|
copyright |
String
|
|
customParameters |
Object
|
|
description |
String
|
|
extendOptions |
Object
|
|
extendProps |
Object
|
|
extent |
Extent
|
|
headers |
String
|
|
httpMethod |
String
|
|
id |
String
|
|
imageFormat |
String
|
|
imageFormats |
Array
|
|
imageHeight |
Number
|
|
imageTransparency |
Boolean
|
|
imageWidth |
Number
|
|
index |
Number
|
|
layers |
String
|
|
loaded |
Boolean
|
|
loadStatus |
String
|
|
maxScale |
Number
|
|
minScale |
Number
|
|
opacity |
Number
|
|
spatialReference |
SpatialReference
|
|
spatialReferences |
Array.<SpatialReference>
|
|
sublayers |
Array
|
|
sublayers |
Array
|
|
title |
String
|
|
tokenKey |
String
|
|
tokenValue |
String
|
|
type |
String
|
|
url |
String
|
|
version |
String
|
|
visible |
Number
|
|
æˆå‘˜å˜é‡è¯¦æƒ…
# maxScale
最大显示比例尺,图层在视图ä¸å¯è§çš„æœ€å¤§æ¯”例尺(最放大)。如果地图被放大到超过这个比例,图层将ä¸å¯è§ã€‚默认值为0,0表示图层没有最大比例尺ã€å¯è§æ€§ä¸å—最大比例尺é™åˆ¶ã€‚maxScale应该始终å°äºŽminScale。
- Inherited From:
- Default Value:
- 0
# minScale
æœ€å°æ˜¾ç¤ºæ¯”例尺,图层在视图ä¸å¯è§çš„æœ€å°æ¯”例尺(最缩å°)。如果地图被缩å°åˆ°è¶…过这个比例,图层将ä¸å¯è§ã€‚默认值为0,0è¡¨ç¤ºå›¾å±‚æ²¡æœ‰æœ€å°æ¯”例尺ã€å¯è§æ€§ä¸å—æœ€å°æ¯”例尺é™åˆ¶ã€‚minScale应该始终大于maxScale。
- Inherited From:
- Default Value:
- 0
# opacity
图层逿˜Žåº¦ï¼Œ0到1之间的值,0ä¸ºå®Œå…¨é€æ˜Žï¼Œ1为ä¸é€æ˜Žï¼Œä¼šè§¦å‘图层更新完毕事件
- Inherited From:
# visible
图层显示或éšè—,true则显示,false则éšè—,会触å‘图层更新完毕事件
- Inherited From:
方法
方法概述
åç§° | 返回值类型 | æè¿° |
---|---|---|
fromJSON |
|
|
fromServerUrl |
WMSLayer
|
|
clone |
Layer
|
|
destroy |
*
|
|
findSublayerById |
IGSVectorTileSubLayer
|
|
isLoaded |
Boolean
|
|
load |
|
|
refresh |
|
|
setSubLayer |
|
|
toJSON |
Object
|
|
方法详情
# static fromJSON(jsonopt)
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
json |
Object | JSON对象 |
示例
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
const json = {
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer'
}
const wmsLayer = new WMSLayer.fromJSON(json)
# static fromServerUrl(url)
通过url创建图层对象
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
url |
String | æœåŠ¡åŸºåœ°å€ |
新的图层对象
# findSublayerById(sublayerID)
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
sublayerID |
String | 图层ID |
å图层
示例
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer'
});
map.add(wmsLayer);
// æ ¹æ®id获å–å图层
const wmsSubLayer = wmsLayer.findSublayerById(0)
# load()
示例
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/WMSServer'
});
wmsLayer.load().then((result) => {
// 获å–完图层信æ¯
console.log(wmsLayer)
})
# setSubLayer(wmsSublayer)
通过图层å称或idæ¥è®¾ç½®å图层,若找到相åŒå›¾å±‚仅会覆盖相åŒåç§°çš„å‚æ•°ï¼Œè‹¥æ²¡æœ‰åˆ™åœ¨æœ€åŽæ–°å¢žä¸€ä¸ª
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
wmsSublayer |
WMSSubLayer | Object | å图层对象 |
示例
// ES5引入方å¼
const { WMSLayer } = Zondy.Layer
// ES6引入方å¼
import { WMSLayer } from "@mapgis/webclient-common"
// åˆå§‹åŒ–WMS图层
const wmsLayer = new WMSLayer({
// æœåŠ¡åŸºåœ°å€
url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/WMSServer'
});
map.add(wmsLayer);
// 通过setSubLayer方法设置å图层显éš
// 通过图层idæ¥è®¾ç½®æ˜¾éš
wmsLayer.setSubLayer({
id: 0,
visible: false
})
// 或者通过图层å称设置显éš
wmsLayer.setSubLayer({
name: "Map_Hubei4326:t1",
visible: true
})
事件
事件概述
åç§° | æè¿° |
---|---|
图层刷新完毕事件 |
图层刷新完毕事件 |
å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ |
å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ |
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
图层更新完毕事件 |
图层更新完毕事件 |
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件 |
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件 |
图层销æ¯å®Œæ¯•事件 |
图层销æ¯å®Œæ¯•事件 |
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件 |
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件 |
åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
事件详情
# 图层刷新完毕事件
图层刷新完毕事件,请注æ„该事件是图层更新事件(layerview-update)çš„å事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
图层刷新完毕事件
Layer.on('layerview-update', function (event) {
// èŽ·å–æ›´æ–°äº‹ä»¶å¯¹è±¡
console.log("更新完毕:", event)
// èŽ·å–æ›´æ–°è¯¦æƒ…数组
const updateContent = event.updateContent
// å¾ªçŽ¯æ•°ç»„ï¼Œæ ¹æ®äº‹ä»¶å进行åŽç»æ“作
for (let i = 0; i < updateContent.length; i++) {
// 图层刷新完毕事件
if(updateContent[i].name === 'refresh'){
console.log("图层刷新完毕事件:", event);
}
}
});
# å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶
å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-created' | å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
UpdateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
Layer.on('layerview-created', function (result) {
console.log("åŠ è½½å®Œæ¯•:", result.layer)
});
# å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件,请注æ„该事件是图层更新事件(layerview-update)çš„å事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
Layer.on('layerview-update', function (event) {
// èŽ·å–æ›´æ–°äº‹ä»¶å¯¹è±¡
console.log("更新完毕:", event)
// èŽ·å–æ›´æ–°è¯¦æƒ…数组
const updateContent = event.updateContent
// å¾ªçŽ¯æ•°ç»„ï¼Œæ ¹æ®äº‹ä»¶å进行åŽç»æ“作
for (let i = 0; i < updateContent.length; i++) {
// 图层显éšäº‹ä»¶
if(updateContent[i].name === 'visible'){
console.log("å›¾å±‚æ˜¾éšæ›´æ–°äº‹ä»¶:", event);
}
}
});
# 图层更新完毕事件
图层更新完毕事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
Layer.on('layerview-update', function (result) {
console.log("更新完毕:", result.layer)
});
# 图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件,请注æ„该事件是图层更新事件(layerview-update)çš„å事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件
Layer.on('layerview-update', function (event) {
// èŽ·å–æ›´æ–°äº‹ä»¶å¯¹è±¡
console.log("更新完毕:", event)
// èŽ·å–æ›´æ–°è¯¦æƒ…数组
const updateContent = event.updateContent
// å¾ªçŽ¯æ•°ç»„ï¼Œæ ¹æ®äº‹ä»¶å进行åŽç»æ“作
for (let i = 0; i < updateContent.length; i++) {
// 图层逿˜Žåº¦æ›´æ–°äº‹ä»¶
if(updateContent[i].name === 'opacity'){
console.log("图层逿˜Žåº¦æ›´æ–°äº‹ä»¶:", event);
}
}
});
# 图层销æ¯å®Œæ¯•事件
图层销æ¯å®Œæ¯•事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-remove' | 图层销æ¯å®Œæ¯•事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | è¦é”€æ¯çš„地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
Layer.on('layerview-remove', function (result) {
console.log("销æ¯å®Œæ¯•:", result.layer)
});
# å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件,请注æ„该事件是图层更新事件(layerview-update)çš„å事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
- Inherited From:
示例
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件
Layer.on('layerview-update', function (event) {
// èŽ·å–æ›´æ–°äº‹ä»¶å¯¹è±¡
console.log("更新完毕:", event)
// èŽ·å–æ›´æ–°è¯¦æƒ…数组
const updateContent = event.updateContent
// å¾ªçŽ¯æ•°ç»„ï¼Œæ ¹æ®äº‹ä»¶å进行åŽç»æ“作
for (let i = 0; i < updateContent.length; i++) {
// å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件
if(updateContent[i].name === 'index'){
console.log("å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件:", event);
}
}
});
# åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件,请注æ„该事件是图层更新事件(layerview-update)çš„å事件
属性:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
event |
Object | 事件对象 |
||
type |
String |
<optional> |
'layerview-update' | 图层更新完毕事件 |
message |
String |
<optional> |
null | æ›´æ–°æè¿° |
updateContent |
Array.<UpdateContent> |
<optional> |
null | 更新详情对象 |
layer |
Layer |
<optional> |
null | 地图图层对象 |
layerView |
MapView |
<optional> |
null | 图层的视图对象 |
sourceTarget |
Layer |
<optional> |
null | 事件å‘起对象 |
target |
Map |
<optional> |
null | 事件接收对象 |
示例
åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
Layer.on('layerview-update', function (event) {
// èŽ·å–æ›´æ–°äº‹ä»¶å¯¹è±¡
console.log("更新完毕:", event)
// èŽ·å–æ›´æ–°è¯¦æƒ…数组
const updateContent = event.updateContent
// å¾ªçŽ¯æ•°ç»„ï¼Œæ ¹æ®äº‹ä»¶å进行åŽç»æ“作
for (let i = 0; i < updateContent.length; i++) {
// åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
if(updateContent[i].name === 'sublayerVisible'){
console.log("åå›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件:", event);
}
}
});