[feature] maplibregl支持Web符号

review by zhaoq，qiwei

Author: MyShallowTime

build/publish.js

@@ -11,10 +11,10 @@ fse.copySync(sourceDir, destDir, {
         return !(src.indexOf("include-") >= 0 || src.indexOf("resources") >= 0)
     }
 });
-if (key === 'mapboxgl') {
+if (key === 'mapboxgl' || key === 'maplibregl') {
     // 拷贝resources文件夹到src/mapboxgl
     const source = path.join(__dirname, "../dist/resources");
-    const target = path.join(__dirname, "../src/mapboxgl/resources");
+    const target = path.join(__dirname, `../src/${key}/resources`);
     fse.removeSync(target);
     fse.copySync(source, target);
 }

build/webpack.config.maplibregl.js

@@ -3,6 +3,8 @@ const configBase = require('./webpack.config.base');
 const libName = 'maplibregl';
 //产品包名
 const productName = 'iclient-maplibregl';
+//复制文件
+const CopyPlugin = require("copy-webpack-plugin");
 
 module.exports = {
   target: configBase.target,
@@ -61,5 +63,12 @@ module.exports = {
       return moduleRules;
     })()
   },
-  plugins: configBase.plugins(libName, productName)
+  plugins: [
+    ...configBase.plugins(libName, productName),
+    new CopyPlugin({
+      patterns: [
+        { from: `${__dirname}/../dist/resources/symbols`, to: `${__dirname}/../dist/maplibregl/resources/symbols` }
+      ]
+    })
+  ]
 };

dist/mapboxgl/include-mapboxgl.js

@@ -208,4 +208,5 @@
   window.server = document.location.toString().match(/file:\/\//)
     ? 'http://localhost:8090'
     : document.location.protocol + '//' + document.location.host;
+  window.exampleWebSymbolBasePath =  "../../dist/mapboxgl/resources/symbols";
 })();

dist/maplibregl/include-maplibregl.js

@@ -190,4 +190,5 @@
   window.server = document.location.toString().match(/file:\/\//)
     ? 'http://localhost:8090'
     : document.location.protocol + '//' + document.location.host;
+  window.exampleWebSymbolBasePath =  "../../dist/maplibregl/resources/symbols";
 })();

examples/js/include-web.js

@@ -71,7 +71,6 @@
         const resourceLanguage = getLanguage();
         inputScript("../locales/" + resourceLanguage + "/resources.js");
         inputScript("../js/tokengenerator.js");
-        inputScript("../js/websymbol.js");
         var jQueryInclude = false;
         if (!inArray(excludes, 'example-i18n')) {
             inputScript(libsurl + '/jquery/jquery.min.js');

examples/js/websymbol.js

@@ -881,6 +881,65 @@ var exampleConfig = {
             fileName: 'fgb_bbox_load'
           }
         ]
+      },
+      WebSymbol: {
+        name: 'Web符号',
+        name_en: 'WebSymbol',
+        version: '11.1.0',
+        content: [{
+            name: 'Web符号库',
+            name_en: 'WebSymbol Gallery',
+            version: '11.1.0',
+            showCode: false,
+            thumbnail: 'websymbol_gallery.png',
+            fileName: 'websymbol_gallery'
+          }, {
+            name: 'Web符号编辑器',
+            name_en: 'WebSymbol Editor',
+            version: '11.1.0',
+            showCode: false,
+            thumbnail: 'websymbol_editor.png',
+            fileName: 'websymbol_editor'
+          }, {
+            name: '长江三角洲',
+            name_en: 'Yangtze River Delta',
+            version: '11.1.0',
+            thumbnail: 'websymbol_YangtzeRiverdelta.png',
+            fileName: 'websymbol_YangtzeRiverdelta'
+          },{
+            name: '土地利用',
+            name_en: 'Land Use',
+            version: '11.1.0',
+            thumbnail: 'websymbol_landuse.png',
+            fileName: 'websymbol_landuse'
+          }
+          ,{
+            name: '数字线划地图',
+            name_en: 'DLG_I49',
+            version: '11.1.0',
+            thumbnail: 'websymbol_DLG_I49.png',
+            fileName: 'websymbol_DLG_I49'
+          }
+          ,{
+            name: '新疆土地利用',
+            name_en: 'Land Use of Xinjiang',
+            version: '11.1.0',
+            thumbnail: 'websymbol_landuseOfXinjiang.png',
+            fileName: 'websymbol_landuseOfXinjiang'
+          },{
+            name: '自定义Web符号',
+            name_en: 'Custom WebSymbol',
+            version: '11.1.0',
+            thumbnail: 'websymbol_customWebSymbol.png',
+            fileName: 'websymbol_customWebSymbol'
+          },{
+            name: '2019年中国各省GDP',
+            name_en: "2019 China's GDP by Province",
+            version: '11.1.0',
+            thumbnail: 'websymbol_2019ChinaGDP.png',
+            fileName: 'websymbol_2019ChinaGDP'
+          }
+        ]
       }
     }
   },