首页 / 浏览问题 / 云GIS / 问题详情
高效点图层,图片坐标点和颜色坐标点切换
12EXP 2019年03月01日

使用产品: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)

1个回答

您好,看您的描述不是太清楚。是说现在在做一个高效率点图层这个功能的时候,需要切换两种不同的图层,一个是通过点的颜色不同来区分一种是通过点的图片样式来区分,然后在做切换的时候点击切换成图片的高效率点图层的时候不能正常加载该图层吗?还是说是现在切换到图片的时候都是同一种图片?
5,668EXP 2019年03月01日
你好,是这样的。如果第一次打开页面,我打开颜色点页面的时候,图层,坐标点正常加载,然后切换到图片的显坐标点的页面的时候,不显示图片。

如果第一次打开页面我打开的是图片的显坐标点的页面,计划的两种类型的坐标点的图片,只显示一种,切换到颜色点图层,颜色点正常显示,但是再切换图片坐标图层的时候不在显示图片

不知道我这样是否描述明白了
...