# new MapImageLayer(options)
å½±åƒå›¾å±‚基类
傿•°
åç§° | 类型 | 默认值 | æè¿° |
---|---|---|---|
options |
Object | æž„é€ å‚æ•° |
|
minScale |
Number | 0 | æœ€å°æ˜¾ç¤ºæ¯”例尺,图层在视图ä¸å¯è§çš„æœ€å°æ¯”例尺。 |
maxScale |
Number | 0 | 最大显示比例尺,图层在视图ä¸å¯è§çš„æœ€å¤§æ¯”例尺。 |
tokenKey |
String | tokenå |
|
tokenValue |
String | token值 |
继承关系
æˆå‘˜å˜é‡
æˆå‘˜å˜é‡æ¦‚è¿°
åç§° | 类型 | æè¿° |
---|---|---|
allSublayers |
Collection
|
|
allSublayers |
Collection
|
|
capabilities |
String
|
|
capabilities |
Array
|
|
copyright |
String
|
|
description |
String
|
|
documentInfo |
String
|
|
documentInfo |
String
|
|
dynamicProjectionEnabled |
Boolean
|
|
extendProps |
Object
|
|
extensionOptions |
Object
|
|
extent |
String
|
|
extent |
Extent
|
|
extent |
String
|
|
headers |
String
|
|
httpMethod |
FetchMethod
|
|
id |
String
|
|
imageFormat |
String
|
|
imageFormat |
String
|
|
imageHeight |
Number
|
|
imageHeight |
Number
|
|
imageTransparency |
Boolean
|
|
imageTransparency |
Boolean
|
|
imageWidth |
Number
|
|
imageWidth |
Number
|
|
index |
Number
|
|
loaded |
Boolean
|
|
loadStatus |
String
|
|
mapName |
String
|
|
mapName |
String
|
|
maxScale |
Number
|
|
minScale |
Number
|
|
opacity |
Number
|
|
renderMode |
String
|
|
renderMode |
String
|
|
spatialReference |
SpatialReference
|
|
sublayers |
Collection
|
|
title |
String
|
|
tokenAttachType |
String
|
|
tokenKey |
String
|
|
tokenValue |
String
|
|
type |
String
|
|
url |
String
|
|
url |
String
|
|
visible |
Number
|
|
æˆå‘˜å˜é‡è¯¦æƒ…
# extendProps
当å‰å›¾å±‚å¯¹è±¡ä¸Šä¸æ”¯æŒçš„属性,二次开å‘用户希望挂在图层对åƒä¸Šçš„属性å¯ä»¥å˜å‚¨åˆ°è¯¥å±žæ€§ä¸
- Overrides:
- Default Value:
- {}
# extensionOptions
åˆå§‹åŒ–图层的é¢å¤–傿•°ï¼Œå¯ä»¥é€šè¿‡è¯¥å‚æ•°ä¼ å…¥å¼•æ“ŽåŽŸç”Ÿçš„æž„é€ å‚æ•°
- Overrides:
- Default Value:
- {}
# readonly extent
图层范围,从æœåŠ¡ä¸è¯»å–,仅会请求在该范围内的瓦片
- Overrides:
# readonly extent
图层范围,从æœåŠ¡ä¸è¯»å–,仅会请求在该范围内的瓦片
- Overrides:
# readonly extent
图层范围,从æœåŠ¡ä¸è¯»å–,仅会请求在该范围内的瓦片
- Overrides:
# maxScale
最大显示比例尺,图层在视图ä¸å¯è§çš„æœ€å¤§æ¯”例尺(最放大)。如果地图被放大到超过这个比例,图层将ä¸å¯è§ã€‚默认值为0,0表示图层没有最大比例尺ã€å¯è§æ€§ä¸å—最大比例尺é™åˆ¶ã€‚maxScale应该始终å°äºŽminScale。
- Overrides:
- Default Value:
- 0
# minScale
æœ€å°æ˜¾ç¤ºæ¯”例尺,图层在视图ä¸å¯è§çš„æœ€å°æ¯”例尺(最缩å°)。如果地图被缩å°åˆ°è¶…过这个比例,图层将ä¸å¯è§ã€‚默认值为0,0è¡¨ç¤ºå›¾å±‚æ²¡æœ‰æœ€å°æ¯”例尺ã€å¯è§æ€§ä¸å—æœ€å°æ¯”例尺é™åˆ¶ã€‚minScale应该始终大于maxScale。
- Overrides:
- Default Value:
- 0
# opacity
图层逿˜Žåº¦ï¼Œ0到1之间的值,0ä¸ºå®Œå…¨é€æ˜Žï¼Œ1为ä¸é€æ˜Žï¼Œä¼šè§¦å‘图层更新完毕事件。IGSSceneLayerå›¾å±‚ç±»åž‹ä¸ºåœ°å½¢æ—¶ï¼Œä¸æ”¯æŒè¯¥å±žæ€§ã€‚
- Overrides:
# tokenAttachType
tokené™„åŠ ç±»åž‹ã€‚é»˜è®¤psotè¯·æ±‚ä¼˜å…ˆé™„åŠ åˆ°body,getè¯·æ±‚ä¼˜å…ˆé™„åŠ åˆ°url末尾
- Overrides:
# visible
图层显示或éšè—,true则显示,false则éšè—,会触å‘图层更新完毕事件
- Overrides:
方法
方法概述
åç§° | 返回值类型 | æè¿° |
---|---|---|
clone |
FeatureLayer
|
|
clone |
MapImageLayer
|
|
destroy |
*
|
|
isLoaded |
Boolean
|
|
off |
Object
|
|
on |
Object
|
|
refresh |
|
|
toJSON |
Object
|
|
toJSON |
Object
|
|
方法详情
# off(typesopt, fnopt, contextopt)
移除事件
示例如下:
[1ã€ç§»é™¤ä¸€ä¸ªäº‹ä»¶çš„æŒ‡å®šå›žè°ƒå‡½æ•°]
[2ã€ç§»é™¤ä¸€ä¸ªäº‹ä»¶çš„æ‰€æœ‰å›žè°ƒå‡½æ•°]
[3ã€ç§»é™¤å¤šä¸ªäº‹ä»¶çš„åŒä¸€ä¸ªæŒ‡å®šçš„回调函数]
[4ã€ç§»é™¤å¤šä¸ªæŒ‡å®šäº‹ä»¶çš„回调函数]
[5ã€åˆ 除时指定上下文 - types类型为å—符串]
[6ã€åˆ 除时指定上下文 - types类型为对象]
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
types |
string | 移除指定事件类型上绑定的回调函数 |
fn |
function | 事件回调函数,当types为å—ç¬¦ä¸²ï¼Œä¸”ä¸æŒ‡å®šè¦åˆ é™¤çš„å›žè°ƒå‡½æ•°æ—¶ï¼Œåˆ é™¤è¯¥äº‹ä»¶ä¸Šçš„æ‰€æœ‰å›žè°ƒå‡½æ•° |
context |
Object | 事件回调函数的this关键å—将指å‘的对象 |
- Overrides:
当å‰å®žä¾‹
示例
移除一个事件的指定回调函数
// 一个事件的回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的回调函数
view.off('click', clickFunction)
移除一个事件的所有回调函数
// 一个事件的回调函数1
const clickFunction1 = function (event) {
console.log("点击事件1:", event)
}
// 一个事件的回调函数2
const clickFunction2 = function (event) {
console.log("点击事件2:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的所有回调函数
// 䏿Œ‡å®šå›žè°ƒå‡½æ•°ï¼Œåˆ™ç§»é™¤è¯¥äº‹ä»¶ä¸Šçš„æ‰€æœ‰ç»‘定的回调函数
view.off('click')
移除多个事件的åŒä¸€ä¸ªæŒ‡å®šçš„回调函数
// 多个事件的åŒä¸€ä¸ªå›žè°ƒå‡½æ•°
const eventFunction = function (event) {
console.log("事件:", event)
}
// 调用MapView或SceneViewçš„off方法移除多个事件的åŒä¸€ä¸ªæŒ‡å®šçš„回调函数
view.off('click double-click', eventFunction)
移除多个指定事件的回调函数
// 一个事件的回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// 调用MapView或SceneView的off方法移除多个指定事件的回调函数
view.off({
// 移除click事件上一个指定的函数
"click": clickFunction,
// 移除double-click上所有指定的函数
"double-click": undefined
})
åˆ é™¤æ—¶æŒ‡å®šä¸Šä¸‹æ–‡ - types类型为å—符串
// 一个事件的回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的回调函数
view.off('click', clickFunction, view)
// 调用MapView或SceneView的off方法移除一个事件的所有回调函数
view.off('click', undefined, view)
åˆ é™¤æ—¶æŒ‡å®šä¸Šä¸‹æ–‡ - types类型为对象
// 一个事件的回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// 调用MapView或SceneView的off方法移除多个指定事件的回调函数
view.off({
// 移除click事件上一个指定的函数
"click": clickFunction,
// 移除double-click上所有指定的函数
"double-click": undefined
}, view)
# on(typesopt, fnopt, contextopt)
注册一个新的监å¬äº‹ä»¶;
示例如下:
[1ã€æ³¨å†Œä¸€ä¸ªäº‹ä»¶]
[2ã€ä¸€æ¬¡æ³¨å†Œå¤šä¸ªäº‹ä»¶ - åŒä¸€ä¸ªå›žè°ƒå‡½æ•°]
[3ã€ä¸€æ¬¡æ³¨å†Œå¤šä¸ªäº‹ä»¶ - 分别指回调应函数]
[4ã€å½“types为å—符串时 - 指定上下文]
[5ã€å½“types为对象时 - 指定上下文]
傿•°
åç§° | 类型 | 默认值 | æè¿° |
---|---|---|---|
types |
String | Object | null | 事件类型 |
fn |
function | null | 事件回调函数 |
context |
Object | null | 事件回调函数的this关键å—将指å‘的对象 |
- Overrides:
当å‰å®žä¾‹
示例
注册一个事件
// åˆå§‹åŒ–一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的on方法注册一个点击事件
view.on('click', clickFunction)
一次注册多个事件 - åŒä¸€ä¸ªå›žè°ƒå‡½æ•°
// åˆå§‹åŒ–一个事件回调函数
const eventFunction = function (event) {
console.log("事件:", event)
}
// 调用MapView或SceneView的on方法注册多个事件
// 多个事件类型使用åŒä¸€ä¸ªå›žè°ƒå‡½æ•°
view.on('click right-click-down', eventFunction)
一次注册多个事件 - 分别指回调应函数
// åˆå§‹åŒ–一个左键点击事件回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// åˆå§‹åŒ–一个å³é”®æŒ‰ä¸‹äº‹ä»¶å›žè°ƒå‡½æ•°
const rightClickFunction = function (event) {
console.log("right-click-down事件:", event)
}
// 调用MapView或SceneView的on方法注册多个事件
// æ¯ä¸€ä¸ªäº‹ä»¶ç±»åž‹ï¼Œä½¿ç”¨å•独的回调函数
// 注æ„使用æ¤ç§æ–¹å¼ï¼Œä¸€ç§ç±»åž‹çš„事件仅能指定一个回调函数
view.on({
"click": clickFunction,
"right-click-down": rightClickFunction
})
指定上下文 - types类型为å—符串
// åˆå§‹åŒ–一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
console.log("上下文对象:", this)
}
// 调用MapView或SceneView的on方法注册一个点击事件
// 指定view为回调函数的上下文对象
view.on('click', clickFunction, view)
指定上下文 - types类型为对象
// åˆå§‹åŒ–一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
console.log("上下文对象:", this)
}
// 调用MapView或SceneView的on方法注册一个点击事件
// 指定view为回调函数的上下文对象
view.on({
"click": clickFunction,
"right-click-down": clickFunction
}, view)
事件
事件概述
åç§° | æè¿° |
---|---|
图层刷新完毕事件 |
图层刷新完毕事件 |
å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ |
å›¾å±‚åŠ è½½å®Œæ¯•äº‹ä»¶ |
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件 |
图层更新完毕事件 |
图层更新完毕事件 |
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件 |
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件 |
图层销æ¯å®Œæ¯•事件 |
图层销æ¯å®Œæ¯•事件 |
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件 |
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件 |
事件详情
# 图层刷新完毕事件
图层刷新完毕事件,请注æ„该事件是图层更新事件(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 | 事件接收对象 |
- Overrides:
示例
图层刷新完毕事件
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 | 事件接收对象 |
- Overrides:
示例
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 | 事件接收对象 |
- Overrides:
示例
å›¾å±‚æ˜¾éšæ›´æ–°å®Œæ¯•事件
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 | 事件接收对象 |
- Overrides:
示例
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 | 事件接收对象 |
示例
图层逿˜Žåº¦æ›´æ–°å®Œæ¯•事件
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 | 事件接收对象 |
- Overrides:
示例
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 | 事件接收对象 |
- Overrides:
示例
å›¾å±‚é¡ºåºæ›´æ–°å®Œæ¯•事件
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);
}
}
});