@vtx/map 1.1.42 → 1.1.44

package/lib/VtxMap/OlMap/Map.js

@@ -129,6 +129,8 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
               default:
                 break;
             }
+          } else if (item.coverage.indexOf("WMTS") > -1) {
+            t.addTileLayer(JSON.parse(item.coverage));
           } else if (OL_SCREEN[item.coverage]) {
             if (first) {
               var layers = eval(OL_SCREEN[item.coverage].initLayer);
@@ -572,10 +574,90 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
       t.initPropsForUser();
     } // 加载图层
 
+  }, {
+    key: "getWMTS",
+    value: // wmts图层资源
+    function getWMTS(options) {
+      var url = options.url,
+          params = options.params,
+          sourceOptions = options.sourceOptions; //切片名
+
+      var matrixIds = ['EPSG:4326:0', 'EPSG:4326:1', 'EPSG:4326:2', 'EPSG:4326:3', 'EPSG:4326:4', 'EPSG:4326:5', 'EPSG:4326:6', 'EPSG:4326:7', 'EPSG:4326:8', 'EPSG:4326:9', 'EPSG:4326:10', 'EPSG:4326:11', 'EPSG:4326:12', 'EPSG:4326:13', 'EPSG:4326:14', 'EPSG:4326:15', 'EPSG:4326:16', 'EPSG:4326:17', 'EPSG:4326:18']; //分辨率
+
+      var resolutions = [0.703125, 0.3515625, 0.17578125, 0.087890625, 0.0439453125, 0.02197265625, 0.010986328125, 0.0054931640625, 0.00274658203125, 0.001373291015625, 6.866455078125e-4, 3.4332275390625e-4, 1.71661376953125e-4, 8.58306884765625e-5, 4.291534423828125e-5, 2.1457672119140625e-5, 1.0728836059570312e-5, 5.364418029785156e-6, 2.682209014892578e-6]; //切片策略
+
+      var tilegrid = new ol.tilegrid.WMTS({
+        extent: [-180.0, -90.0, 180.0, 90.0],
+        //范围
+        tileSize: [256, 256],
+        origin: [-180.0, 90.0],
+        //切片原点
+        resolutions: resolutions,
+        //分辨率
+        matrixIds: matrixIds //层级标识列表，与地图级数保持一致
+
+      }); //设置地图投影
+
+      var projection = new ol.proj.Projection({
+        code: 'EPSG:4326',
+        units: 'degrees',
+        axisOrientation: 'neu'
+      });
+      return new ol.source.WMTS(_objectSpread({
+        url: url,
+        layer: params === null || params === void 0 ? void 0 : params.layer,
+        format: 'image/png',
+        matrixSet: 'EPSG:4326',
+        projection: projection,
+        tileGrid: tilegrid
+      }, sourceOptions));
+    } // 添加普通图层
+
+  }, {
+    key: "addTileLayer",
+    value: function addTileLayer(_ref) {
+      var url = _ref.url,
+          _ref$params = _ref.params,
+          params = _ref$params === void 0 ? {} : _ref$params,
+          _ref$sourceOptions = _ref.sourceOptions,
+          sourceOptions = _ref$sourceOptions === void 0 ? {} : _ref$sourceOptions,
+          type = _ref.type,
+          source = _ref.source;
+
+      if (url) {
+        var exist = this.olLayers.find(function (item) {
+          return item.address === url;
+        });
+
+        if (exist) {
+          exist.layer.setVisible(true);
+          return;
+        }
+
+        var layerSource = source || (type === 'WMTS' ? this.getWMTS({
+          url: url,
+          params: params,
+          sourceOptions: sourceOptions
+        }) : new ol.source.XYZ(_objectSpread({
+          url: url
+        }, sourceOptions)));
+
+        var _layer2 = new ol.layer.Tile({
+          source: layerSource
+        }); // 将图层添加到地图上
+
+
+        this.state.gis.addLayer(_layer2);
+        this.olLayers.push({
+          address: url,
+          layer: _layer2
+        });
+      }
+    } // 添加超图图层
+
   }, {
     key: "addSuperMapLayer",
-    value: // 添加超图图层
-    function addSuperMapLayer(url) {
+    value: function addSuperMapLayer(url) {
       var exist = this.olLayers.find(function (item) {
         return item.address === url;
       });
@@ -2014,12 +2096,12 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
 
   }, {
     key: "frameSelect",
-    value: function frameSelect(_ref, callback) {
-      var geometryType = _ref.geometryType,
-          _ref$parameter = _ref.parameter,
-          parameter = _ref$parameter === void 0 ? {} : _ref$parameter,
-          _ref$data = _ref.data,
-          data = _ref$data === void 0 ? {} : _ref$data;
+    value: function frameSelect(_ref2, callback) {
+      var geometryType = _ref2.geometryType,
+          _ref2$parameter = _ref2.parameter,
+          parameter = _ref2$parameter === void 0 ? {} : _ref2$parameter,
+          _ref2$data = _ref2.data,
+          data = _ref2$data === void 0 ? {} : _ref2$data;
 
       if (!['polygon', 'circle', 'rectangle'].includes(geometryType)) {
         message.warn("传入的类型不支持框选！");