[feature]iclient for maplibregl 目录结构、命令初始化 + L7lLayer review by qiw

Author: luoxiao-supermap

build/jsdocs/maplibregl/categories.json

@@ -0,0 +1 @@
+{"Visualization":{"default":[],"L7":{"default":["L7Layer"]}}}

build/jsdocs/maplibregl/docs.json

@@ -0,0 +1,38 @@
+{
+  "opts": {
+    "recurse": true,
+    "template": "../template",
+    "configPath": "../maplibregl",
+    "destination": "./docs/maplibregl"
+  },
+  "disqus": "",
+  "tags": {
+    "allowUnknownTags": true,
+    "linkdoc-maplibregl": "https://maplibre.org/maplibre-gl-js-docs/api/"
+  },
+  "i18n": {
+    "defaultLang": "en",
+    "possibleLang": ["en"],
+    "dbFilePath": "./build/jsdocs/maplibregl"
+  },
+  "source": {
+    "includePattern": ".+\\.js?$",
+    "excludePattern": ".+[\\\\/]src[\\\\/]common[\\\\/]iServer[\\\\/].*Service.js?$",
+    "include": ["src/maplibregl"],
+    "exclude": ["src/common"]
+  },
+  "plugins": ["plugins/markdown", "../plugins/usage"],
+  "markdown": {
+    "tags": ["usage"]
+  },
+  "templates": {
+    "cleverLinks": true,
+    "monospaceLinks": true,
+    "default": {
+      "outputSourceFiles": false
+    },
+    "namespace": "maplibregl.supermap",
+    "npm": "@supermap/iclient-maplibregl",
+    "cdn": "https://iclient.supermap.io/dist/maplibregl/iclient-maplibregl.js"
+  }
+}

build/jsdocs/maplibregl/index.md

@@ -0,0 +1,13 @@
+# SuperMap iClient for MaplibreGL API
+
+SuperMap iClient for MaplibreGL 是一套基于 MaplibreGL v1 的云 GIS 网络客户端开发平台， 支持访问 SuperMap iServer / iEdge / iPortal / iManager / Online 的地图、服务和资源，为用户提供了完整专业的 GIS 能力， 同时提供了优秀的可视化功能。
+
+- 官网(website)：<a href="https://iclient.supermap.io/web/introduction/maplibregl.html#introduce" target="_parent">https://iclient.supermap.io/web/introduction/maplibregl.html#introduce</a>
+
+- 源码(source code)：<a href="https://github.com/SuperMap/iClient-JavaScript/tree/master/src/maplibregl" target="_blank">https://github.com/SuperMap/iClient-JavaScript/tree/master/src/maplibregl</a>
+
+## 参考 API
+
+- Maplibre GL JS API:<a href="https://www.maplibre.com/maplibre-gl-js/api/" target="_blank">https://www.maplibre.com/maplibre-gl-js/api/</a>
+- ECharts API:<a href="https://echarts.baidu.com/api.html#echarts" target="_blank">https://echarts.baidu.com/api.html#echarts</a>
+- MapV API:<a href="https://github.com/huiyan-fe/mapv/blob/master/API.md" target="_blank">https://github.com/huiyan-fe/mapv/blob/master/API.md</a>

build/jsdocs/template/config.json

@@ -365,6 +365,10 @@
         "name": "DeckGL",
         "name_en": "DeckGL"
       },
+      "L7": {
+        "name": "L7",
+        "name_en": "L7"
+      },
       "Theme": {
         "name": "客户端专题图",
         "name_en": "Theme"

build/jsdocs/template/publish.js

@@ -562,6 +562,9 @@ var whiteLists = {
     'WebMap',
     'WKTFormat'
   ],
+  maplibregl:[
+    'L7Layer',
+  ],
   openlayers: [
     'AddressMatchService',
     'ChartService',

build/jsdocs/template/typeLinkExt.js

@@ -1,6 +1,7 @@
 var olapi = "https://openlayers.org/en/v6.14.1/apidoc/";
 var lfapi = "https://leafletjs.com/reference.html";
 var mbglapi = "https://www.mapbox.com/mapbox-gl-js/api/";
+var mlbglapi = "https://maplibre.org/maplibre-gl-js-docs/api/";
 var mapv = "https://github.com/huiyan-fe/mapv/blob/master/src/";
 var classicapi="https://iclient.supermap.io/web/libs/iclient8c/apidoc/files/SuperMap"
 var geojsonapi = "https://geojson.org";
@@ -80,6 +81,10 @@ var typeLinks = {
     "mapboxgl.LngLat": mbglapi + '#lnglat',
     "mapboxgl.Point": mbglapi + '#point',
     "mapboxgl.source": 'https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/#geojson',
+
+    //maplibregl
+    "maplibregl.Map": mlbglapi + '#map',
+
     //mapv
     "Mapv.DataSet": mapv + 'data/DataSet.md',
     "Mapv.BaiduMapLayer": mapv + 'map/baidu-map/Layer.md',

build/webpack.config.base.js

@@ -58,6 +58,9 @@ module.exports = {
     resolve: {
         extensions: ['.js', '.json', '.css'],
         mainFields: ['browser', 'main'],
+        alias: {
+          process: "process/browser"
+        },
         fallback: {
           fs: false,
           http: require.resolve('stream-http'),
@@ -109,7 +112,10 @@ module.exports = {
             new LintExportWebpackPlugin(libName),
             new webpack.BannerPlugin(this.bannerInfo(productName)),
             new MiniCssExtractPlugin({filename:`./${productName}.css`}),
-            new ESLintPlugin({ failOnError: true, files: 'src' })
+            new ESLintPlugin({ failOnError: true, files: 'src' }),
+            new webpack.ProvidePlugin({ 
+              process: 'process/browser', 
+          }), 
         ];
     }
 };

build/webpack.config.maplibregl.js

@@ -0,0 +1,62 @@
+const configBase = require('./webpack.config.base');
+//端名
+const libName = 'maplibregl';
+//产品包名
+const productName = 'iclient-maplibregl';
+
+module.exports = {
+  target: configBase.target,
+  mode: 'development' || configBase.mode,
+  devtool: 'inline-cheap-module-source-map',
+  //页面入口文件配置
+  entry: configBase.entry,
+  //入口文件输出配置
+  output: configBase.output(libName, productName),
+  //是否启用压缩
+  optimization: configBase.optimization,
+  //不显示打包文件大小相关警告
+  performance: configBase.performance,
+  //其它解决方案配置
+  resolve: configBase.resolve,
+
+  externals: Object.assign({}, configBase.externals, {
+    'maplibre-gl': 'maplibregl',
+    '@antv/l7': 'L7',
+    three: 'THREE',
+    'webgl-debug': '(function(){try{return webgl-debug}catch(e){return {}}})()'
+  }),
+
+  module: {
+    noParse: /[\/\\]node_modules[\/\\]maplibre-gl[\/\\]dist[\/\\]maplibre-gl\.js$/,
+    rules: (function () {
+      let moduleRules = [];
+      moduleRules.push(configBase.module.rules.img);
+      const babelConfig = {
+        test: [/\.js$/],
+        include: /node_modules[\/\\](proj4|@antv[\/\\]l7|maplibre-gl)/,
+        loader: 'babel-loader',
+        options: {
+          presets: ['@babel/preset-env'],
+          plugins: [
+            [
+              '@babel/plugin-transform-runtime',
+              {
+                absoluteRuntime: false,
+                corejs: false,
+                helpers: false,
+                regenerator: true,
+                useESModules: false
+              }
+            ],
+            '@babel/plugin-proposal-nullish-coalescing-operator'
+          ]
+        }
+      };
+      configBase.moduleVersion === 'es6';
+      moduleRules.push(babelConfig);
+      moduleRules.push(configBase.module.rules.css);
+      return moduleRules;
+    })()
+  },
+  plugins: configBase.plugins(libName, productName)
+};