# new ThemeServer(options)
专题图æœåŠ¡
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
options |
Object | æž„é€ å‚æ•° |
url |
String | æœåŠ¡åŸºåœ°å€ |
示例
// ES5引入方å¼
const { ThemeServer } = zondy.service
// ES6引入方å¼
import { ThemeServer } from "@mapgis/webclient-common"
const themeServer = new ThemeServer({
url: 'http://192.168.82.89:6163/igs/rest/theme/Hubei4326'
});
继承关系
æˆå‘˜å˜é‡
æˆå‘˜å˜é‡æ¦‚è¿°
åç§° | 类型 | æè¿° |
---|---|---|
clientId |
Boolean
|
|
enableGlobeFetch |
Boolean
|
|
headers |
String
|
|
requestInterceptor |
function
|
|
requestTimeout |
String
|
|
responseInterceptor |
function
|
|
tokenAttachType |
TokenAttachType
|
|
tokenKey |
String
|
|
tokenValue |
String
|
|
url |
String
|
|
æˆå‘˜å˜é‡è¯¦æƒ…
# enableGlobeFetch
是å¦ä½¿ç”¨ç¡®æ®å”¯ä¸€çš„fetch对象,默认为true,当设为falseæ—¶ï¼Œä¼šä½¿ç”¨è‡ªå·±ç§æœ‰çš„fetch对象,所有的请求设置ä¸ä¼šå½±å“全局
- Inherited From:
示例
//设置请求基地å€
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//请求基地å€
url: 'ä½ çš„URL',
//ä½¿ç”¨ç§æœ‰çš„fetch对象
enableGlobeFetch: false,
//æ¤æ—¶è®¾ç½®tokenç‰å±žæ€§ï¼Œä¸ä¼šå½±å“全局的fetch对象
tokenValue: 'ä½ çš„token'
});
//ç»§ç»ä½¿ç”¨å…¨å±€fetch
BaseServer.enableGlobeFetch = true;
# headers
è¯·æ±‚å¤´å‚æ•°
- Inherited From:
示例
//è®¾ç½®è¯·æ±‚å¤´å‚æ•°
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//请求头
headers: {
//设置Content-Type为multipart/form-data
'Content-Type': 'multipart/form-data',
//设置token
'token': 'ä½ çš„token'
}
});
//动æ€ä¿®æ”¹
BaseServer.headers.token = 'æ–°token';
# requestInterceptor
请求å‘逿‹¦æˆªå™¨
- Inherited From:
示例
//设置拦截器,任何一个继承自BaseServer的对象都å¯ä»¥è®¾ç½®ï¼Œå…¨å±€å”¯ä¸€
// ES5引入方å¼
const { BaseServer,RequestInterceptor } = zondy.service
// ES6引入方å¼
import { BaseServer,RequestInterceptor } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//设置请求å‘逿‹¦æˆªå™¨
requestInterceptor: new RequestInterceptor({
//请求å‘é€å‰è¿›è¡Œç»Ÿä¸€å¤„ç†
before: function(config) {
//æ‰§è¡Œä½ çš„ä¸šåŠ¡é€»è¾‘
//注æ„必须显示返回config对象,如果返回为空,则ä¸å‘é€è¯·æ±‚
return config;
},
//请求å‘é€å¤±è´¥æ—¶è¿›è¡Œç»Ÿä¸€å¤„ç†
failure: function(error) {
//æ‰§è¡Œä½ çš„ä¸šåŠ¡é€»è¾‘
}
})
});
//动æ€ä¿®æ”¹
BaseServer.requestInterceptor.before = function() {};
# requestTimeout
请求超时时间,默认45000ms,å³45s
- Inherited From:
示例
//设置超时时间
//åˆå§‹åŒ–AddressServeræœåŠ¡å¯¹è±¡
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//è¶…æ—¶æ—¶é—´
requestTimeout: 2000
});
//动æ€ä¿®æ”¹
BaseServer.requestTimeout = 3000;
# responseInterceptor
请求å“应拦截器
- Inherited From:
示例
//设置拦截器,任何一个继承自BaseServer的对象都å¯ä»¥è®¾ç½®ï¼Œå…¨å±€å”¯ä¸€
// ES5引入方å¼
const { BaseServer,ResponseInterceptor } = zondy.service
// ES6引入方å¼
import { BaseServer,ResponseInterceptor } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//设置请求å“应拦截器
responseInterceptor: new ResponseInterceptor({
//执行请求å“应,接å£è°ƒç”¨æˆåŠŸæ—¶ä¼šæ‰§è¡Œçš„å›žè°ƒ
success: function(result) {
//æ‰§è¡Œä½ çš„ä¸šåŠ¡é€»è¾‘
//注æ„必须显示返回resultå¯¹è±¡ï¼Œå¦‚æžœè¿”å›žä¸ºç©ºï¼Œåˆ™ä¸æ‰§è¡Œè¯·æ±‚å“应æˆåŠŸå›žè°ƒ
return result;
},
//请求å“应æˆåŠŸï¼ŒæŽ¥å£è°ƒç”¨å¤±è´¥æ—¶ä¼šæ‰§è¡Œçš„函数
failure: function(result) {
//æ‰§è¡Œä½ çš„ä¸šåŠ¡é€»è¾‘
//注æ„必须显示返回resultå¯¹è±¡ï¼Œå¦‚æžœè¿”å›žä¸ºç©ºï¼Œåˆ™ä¸æ‰§è¡Œå›žè°ƒéŸ©å¼
return result;
}
})
});
//动æ€ä¿®æ”¹
BaseServer.responseInterceptor.success = function() {};
# tokenAttachType
指定tokené™„åŠ åˆ°ä½•å¤„
- Inherited From:
示例
//设置token值
// ES5引入方å¼
const { BaseServer } = zondy.service
const { TokenAttachType } = zondy.enum
// ES6引入方å¼
import { BaseServer,TokenAttachType } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//tokenå
tokenValue: 'ä½ çš„token值',
//token值
tokenValue: 'ä½ çš„token值',
//指定tokené™„åŠ åˆ°urlåŽé¢
tokenAttachType: TokenAttachType.url
});
//动æ€ä¿®æ”¹
BaseServer.tokenAttachType = TokenAttachType.header;
# tokenKey
tokenå
- Inherited From:
示例
//设置tokenå
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//tokenå
tokenKey: 'ä½ çš„tokenKey'
});
//动æ€ä¿®æ”¹
BaseServer.tokenKey = 'æ–°tokenKey';
# tokenValue
token值
- Inherited From:
示例
//设置token值
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//token值
tokenValue: 'ä½ çš„token值'
});
//动æ€ä¿®æ”¹
BaseServer.tokenValue = '新token值';
# url
æœåŠ¡åŸºåœ°å€
- Inherited From:
示例
//设置请求基地å€
// ES5引入方å¼
const { BaseServer } = zondy.service
// ES6引入方å¼
import { BaseServer } from "@mapgis/webclient-common"
let BaseServer = new BaseServer({
//请求基地å€
url: 'ä½ çš„URL'
});
//动æ€ä¿®æ”¹
BaseServer.url = 'æ–°URL';
方法
方法概述
åç§° | 返回值类型 | æè¿° |
---|---|---|
addTheme |
|
|
deleteTheme |
|
|
formatThemInfo |
|
|
queryServerInfo |
|
|
queryThemeInfo |
|
|
updateThemesInfo |
|
|
方法详情
# addTheme(options)
æ·»åŠ ä¸“é¢˜å›¾
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
options |
Object | æŸ¥è¯¢å‚æ•° |
idxArr |
String | 专题图索引(索引从0开始,例如:"0,1,2/0,0,0"):图层索引/专题图索引,必填 |
themeInfoArray |
Array | ä¸“é¢˜å›¾å‚æ•°ï¼Œå¿…å¡« |
success |
function | 查询æˆåŠŸå›žè°ƒ |
failure |
function | 查询失败回调 |
示例
//回调方å¼
// ES5引入方å¼
const { Theme } = zondy.object
// ES6引入方å¼
import { Theme } from "@mapgis/webclient-common"
//ä¸“é¢˜å›¾ä¿¡æ¯æ•°ç»„
var themesInfoArr = [];
//åˆå§‹åŒ–Zondy.Object.Theme.ThemesInfoï¼Œç”¨äºŽè®¾ç½®éœ€æ·»åŠ çš„ä¸“é¢˜ç›¸å…³ä¿¡æ¯
themesInfoArr[0] = new Theme.ThemesInfo();
//åˆå§‹åŒ–指定图层的专题图信æ¯å¯¹è±¡ï¼Œä¹‹åŽå†ç»™è¯¥æ•°ç»„赋值
themesInfoArr[0].LayerName = "湖北çœå¸‚级区划2";
themesInfoArr[0].ThemeArr = [];
//实例化CMultiClassTheme类
themesInfoArr[0].ThemeArr[0] = new Theme.CRangeTheme();
themesInfoArr[0].ThemeArr[0].Name = "分段专题图";
//指定为分段专题图
themesInfoArr[0].ThemeArr[0].IsBaseTheme = false;
themesInfoArr[0].ThemeArr[0].Visible = true;
themesInfoArr[0].ThemeArr[0].GeoInfoType = "Reg";
//未分段值的图形信æ¯è®¾ç½®
themesInfoArr[0].ThemeArr[0].DefaultInfo = new Theme.CThemeInfo();
themesInfoArr[0].ThemeArr[0].DefaultInfo.Caption = "未分类";
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.Ovprnt = true;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.Angle = 0;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.EndClr = 0;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.FillClr = 17;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.FillMode = 0;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.FullPatFlg = true;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.PatClr = 45;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.PatHeight = 5;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.PatWidth = 5;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.PatID = 0;
themesInfoArr[0].ThemeArr[0].DefaultInfo.RegInfo.OutPenW = 1;
//分段å–值设置
themesInfoArr[0].ThemeArr[0].Expression = "GDP2016";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr = [];
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0] = new Theme.CRangeThemeInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].StartValue = "0";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].EndValue = "100";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].RegInfo.FillClr = 110;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1] = new Theme.CRangeThemeInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].StartValue = "100";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].EndValue = "150";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].RegInfo.FillClr = 26;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2] = new Theme.CRangeThemeInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].StartValue = "150";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].EndValue = "200";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].RegInfo.FillClr = 22;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3] = new Theme.CRangeThemeInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].StartValue = "200";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].EndValue = "400";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].RegInfo.FillClr = 16;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4] = new Theme.CRangeThemeInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].StartValue = "400";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].EndValue = "6000";
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].RegInfo = new Theme.CRegInfo();
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].RegInfo.FillClr = 11;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].RegInfo.FillClr = 110;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].RegInfo.FillClr = 26;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].RegInfo.FillClr = 22;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].RegInfo.FillClr = 16;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].RegInfo.FillClr = 11;
themeServer.addTheme({
idxArr: '1/0',
themeInfoArray: themesInfoArr,
success: function (result) {
console.log('请求æˆåŠŸï¼š', result);
},
failure: function (result) {
console.log('请求失败:', result);
}
});
//promiseæ–¹å¼
themeServer.addTheme({
idxArr: '1/0',
themeInfoArray: themesInfoArr
}).then(function (result) {
console.log('请求æˆåŠŸï¼š', result);
}).catch(function (result) {
console.log('请求失败:', result);
});
# deleteTheme(options)
åˆ é™¤ä¸“é¢˜å›¾
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
options |
Object | æŸ¥è¯¢å‚æ•° |
idxArr |
String | 专题图索引(索引从0开始,例如:"0,1,2/0,0,0"):图层索引/专题图索引,必填 |
success |
function | 查询æˆåŠŸå›žè°ƒ |
failure |
function | 查询失败回调 |
示例
// 回调方å¼
themeServer.deleteTheme({
idxArr: '1/0',
success: function (result) {
console.log('请求æˆåŠŸï¼š', result);
},
failure: function (result) {
console.log('请求失败:', result);
}
});
// promiseæ–¹å¼
themeServer.deleteTheme({
idxArr: '1/0'
}).then(function (result) {
console.log('请求æˆåŠŸï¼š', result);
}).catch(function (result) {
console.log('请求失败:', result);
});
# formatThemInfo(jsonObj)
è§£æžä¸“题图信æ¯
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
jsonObj |
Object | 专题图信æ¯Json对象 |
# queryServerInfo(options)
èŽ·å–æœåŠ¡ä¿¡æ¯ï¼ŒIGS2.0新增æœåŠ¡
傿•°
åç§° | 类型 | 默认值 | æè¿° |
---|---|---|---|
options |
æŸ¥è¯¢å‚æ•° |
||
success |
function | æ— | 查询æˆåŠŸå›žè°ƒå‡½æ•°ï¼Œè‹¥ä½¿ç”¨Promiseæ–¹å¼åˆ™ä¸å¿…填写 |
failure |
function | æ— | 查询失败回调函数,若使用Promiseæ–¹å¼åˆ™ä¸å¿…填写 |
- Inherited From:
示例
èŽ·å–æœåŠ¡ä¿¡æ¯-回调方å¼
server.queryServerInfo({
success: function (result) {
console.log('请求æˆåŠŸï¼š', result);
},
failure: function (result) {
console.log('请求失败:', result);
}
});
èŽ·å–æœåŠ¡ä¿¡æ¯-promiseæ–¹å¼
server.queryServerInfo({
})
.then(function (result) {
console.log('请求æˆåŠŸï¼š', result);
}).catch(function (result) {
console.log('请求失败:', result);
});
# queryThemeInfo(options)
æŸ¥è¯¢ä¸“é¢˜å›¾å‚æ•°
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
options |
Object | æŸ¥è¯¢å‚æ•° |
idxArr |
String | 专题图索引(索引从0开始,例如:"0,1,2/0,0,0"):图层索引/专题图索引,必填 |
success |
function | 查询æˆåŠŸå›žè°ƒ |
failure |
function | 查询失败回调 |
示例
// 回调方å¼
themeServer.queryThemeInfo({
idxArr: '1/0',
success: function (result) {
console.log('请求æˆåŠŸï¼š', result);
}
});
// promiseæ–¹å¼
themeServer.queryThemeInfo({
idxArr: '1/0'
}).then(function (result) {
console.log('请求æˆåŠŸï¼š', result);
}).catch(function (result) {
console.log('请求失败:', result);
})
# updateThemesInfo(options)
更新专题图
傿•°
åç§° | 类型 | æè¿° |
---|---|---|
options |
Object | æŸ¥è¯¢å‚æ•° |
idxArr |
String | 专题图索引(索引从0开始,例如:"0,1,2/0,0,0"):图层索引/专题图索引,必填 |
themeInfoArray |
Array | ä¸“é¢˜å›¾å‚æ•°ï¼Œå¿…å¡« |
success |
function | 查询æˆåŠŸå›žè°ƒ |
failure |
function | 查询失败回调 |
示例
// 回调方å¼
// 更新专题图
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[0].RegInfo.FillClr = 11;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[1].RegInfo.FillClr = 16;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[2].RegInfo.FillClr = 22;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[3].RegInfo.FillClr = 26;
themesInfoArr[0].ThemeArr[0].RangeThemeInfoArr[4].RegInfo.FillClr = 110;
themeServer.updateThemesInfo({
idxArr: '1/0',
themeInfoArray: themesInfoArr,
success: function (result) {
console.log('请求æˆåŠŸï¼š', result);
},
failure: function (result) {
console.log('请求失败:', result);
}
});
// promiseæ–¹å¼
themeServer.updateThemesInfo({
idxArr: '1/0',
themeInfoArray: themesInfoArr
}).then(function (result) {
console.log('请求æˆåŠŸï¼š', result);
}).catch(function (result) {
console.log('请求失败:', result);
})