地图影像修改,取消图斑填充

src/views/remote/MapView.vue

@@ -105,32 +105,32 @@ export default {
       });
 
       // 影像底图
-      var imgLayer = new ol.layer.Tile({
-        source: new ol.source.XYZ({
+      var imgLayer = new Tile({
+        source: new XYZ({
           url:
             "http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
             key,
         }),
       });
       // 影像标注
-      var imgCiaLayer = new ol.layer.Tile({
-        source: new ol.source.XYZ({
+      var imgCiaLayer = new Tile({
+        source: new XYZ({
           url:
             "http://t0.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
             key,
         }),
       });
       // 地形晕染
-      var terLayer = new ol.layer.Tile({
-        source: new ol.source.XYZ({
+      var terLayer = new Tile({
+        source: new XYZ({
           url:
             "http://t0.tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
             key,
         }),
       });
       // 地形标注层
-      var ctaLayer = new ol.layer.Tile({
-        source: new ol.source.XYZ({
+      var ctaLayer = new Tile({
+        source: new XYZ({
           url:
             "http://t0.tianditu.gov.cn/cta_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
             key,

src/views/remote/farmland/index.vue

@@ -212,10 +212,10 @@ export default {
           }),
           style: function (feature) {
             return new Style({
-              fill: new Fill({
-                //矢量图层填充颜色，以及透明度
-                color: "#f006",
-              }),
+              // fill: new Fill({
+              //   //矢量图层填充颜色，以及透明度
+              //   color: "#f006",
+              // }),
               stroke: new Stroke({
                 //边界样式
                 color: "rgba(255, 0, 0, 1)",