SuperMap iClient for Leaflet专题图表达

开发工具与关键技术：SuperMap
作者：胡名权
撰写时间：2020年5月28日

服务端专题图
点密度专题图，等级符号专题图，统计专题图，分段专题图，单值专题图。
服务端专题图：支持大数据量；不能交互
客户端专题图：少量要素数据；支持交互点击
客户端专题图
单值专题图，等级符号专题图，标签专题图，图标专题图
生成专题图原理
设置专题图：设置专题图参数、数据集名称、风格等
服务端处理：iServer服务端处理请求
图片加载：将图片添加到layer上显示
专题图参数：
var themeUnique = new SuperMap.ThemeUnique({
uniqueExpression: “Name”,
items: themeUniqueItemes,
defaultStyle: style1 });
var themeParameters = new SuperMap.ThemeParameters({
datasetNames: [“China_Province_pg”],
dataSourceNames: [“China”],
themes: [themeUnique] });

设置专题图风格
var style1 = new SuperMap.ServerStyle({……});
var themeUniqueIteme1 = new SuperMap.ThemeUniqueItem({……});

专题图风格
style1 = new SuperMap.ServerStyle({ fillForeColor: new SuperMap.ServerColor(248, 203, 249),
lineColor: new SuperMap.ServerColor(255, 255, 255),
lineWidth: 0.1 });
……
var themeUniqueIteme1 = new SuperMap.ThemeUniqueItem({
unique: “黑龙江省”,
style: style1
}),
……

与服务端交互、显示专题图

专题图生成原理
客户端图层supermap.ThemeLayer
客户端绘制专题图要素-矢量要素
客户端专题图重要特征：专题要素可交互
显示方法
创建客户端专题图图层-获取/创建矢量要素-设置专题图显示风格-加载要素到专题图-设置专题要素交互
主要接口
统计专题图、标签专题图、范围分段专题图、单值专题图、客户端专题图

专题要素交互
themeLayer.on(“mousemove”, highLightLayer);
清除图表专题图
function clearThemeLayer() {
if (themeLayer) {
map.removeLayer(themeLayer);
themeLayer = null;
}
}