Question

我想要对地图上的图层进行截图，我现在地图上的图层如下图：

我现在截出的图如下：

我使用的webpack，请问一下，这是什么原因呢？？

Answer 1

我用官网范例测试了一下是正常的，看截图的话可能是webpack做截图的时候因为透明度的设置导致了结果图片不准确。先测试一下面图层不设置透明度，看一下是否会出现这个问题。

Comments

我的如果单单只有点和线的时候是没有问题的，但是在地图上加上一个面显示的时候在进行截图，就会出现上述问题

---

面图层的样式有做过设置吗？我看您第一张图里面的样式设置了一定程度的透明，如果设置成非透明状态也是会出现只有边框的问题吗？

---

let style = {
          fillColor: "#ee9900",
          fillOpacity: 1,
          strokeColor:"#ee9900",
          strokeOpacity: 0.4,
          strokeWidth: 1
        }

图层不透明度调为1，，仍然会出现上述问题，请问一下 ，有什么操作会导致上述问题呢？

---

我试了一下，无论是在原生的js中还是使用webpack的时候，在截图的时候，出现图层都会出现上述问题，请问一下有什么好的解决办法吗？
https://github.com/18753377299/vue-admin-oa.git
访问地址是： http://11.205.243.197:8018/#/mapmix
愿不吝赐教

---

您的地图截图的功能是怎么实现的，能贴一下代码看一下吗？我用的是官网的http://iclient.supermap.io/examples/classic/editor.html#others_printscreen这个范例，把vectorlayer加进去之后设置透明度也没有出现您上面出现的只有边框没有填充颜色的情况。

---

上面有我的提到github上的代码。目录是：vue-admin-oa\src\components\riskmapMixins\MapMixins.vue   ，点击绘制实时台风，然后将鼠标移到台风点上，会出现图层，点击截图，就会出现以上情况

---

方便的话私信一下您的联系方式，最好是QQ号，然后这个问题目前根据代码考虑有可能是这一步的时候出现的问题，feature1.style = feature.style，可以考虑一下通过new 一个style存储feature.style然后再赋给feature1。如果方便的话加一下QQ的话更好去沟通关于这个问题的一些相关内容。

for(let j=0;j<features.length;j++){
        let feature = features[j];
        let feature1 = new SuperMap.Feature.Vector();
        feature1.geometry = feature.geometry.clone();
        feature1.style = feature.style;

        features1.push(feature1);
      }

---

1733856225@qq.com