使用产品:iserver 9d 操作系统:win10 x64
数据类型 文件型
问题详细描述:高效点图层,图片坐标点和颜色坐标点切换过程中遇到的问题
问题重现步骤: 我想要实现这这个功能。点页面切换到图片页面时的时候图片显示不来,先显示图片页面,所有类型的点都是一个图片。
、下面是加载点时多坐标显示图片还是点的逻辑处理。
if (data.length > 0) {
var graphics = [];
var img = new Image();
for (var k = 0; k < data.length; k++) {
var color = '';
if (screenType == 'unit') {//判断页面的类型
switch (data[k].type) {//判断点的类型
case "1":
color = '#e04546'
break;
case "2":
color = '#e0af45'
break;
case "3":
color = '#5cdb34'
;
break;
case "4":
color = '#3feaf5'
break;
}
graphics[k] = L.supermap.graphic({//加载颜色点坐标
_latLng: L.latLng(data[k].y, data[k].x),
style: L.supermap.circleStyle({
color: color,
opacity: 1,
radius: 10,
fill: true,
fillColor: color,
fillOpacity: 1,
}).getStyle()
})
var attr = data[k].id
graphics[k].setAttributes(attr)
} else {//加载图片点坐标
if (data[k].type == '1') {
img.src = '../img/gov_logo.png';
} else {
// color = '#e0af45'
img.src = '../img/icon-person.png';
}
graphics[k] = L.supermap.graphic({
_latLng: L.latLng(data[k].y, data[k].x),
style: L.supermap.imageStyle({
img: img,
anchor: [16, 16],
}).getStyle()
})
}
}
allGraphicLayer.addGraphics(graphics)