gdmap-utils 1.2.3 → 1.2.5

package/webpack.config.js

@@ -1,126 +1,125 @@
-const path = require('path');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const webpack = require('webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-
-// 获取环境变量或默认值
-const isProduction = process.env.NODE_ENV === 'production';
-
-// 设置mode变量
-const mode = isProduction ? 'production' : 'development';
-
-// 配置对象
-const config = {
-  entry: './src/index.ts',
-  output: {
-    // 打包后的文件名
-    filename: 'index.js',
-    // 输出目录路径
-    path: path.resolve(__dirname, 'dist'),
-    // 库的全局变量名，在浏览器中可以通过 window.MapUtils 访问
-    library: 'MapUtils',
-    // 库的输出格式，生产模式使用umd，开发模式使用window
-    libraryTarget: isProduction ? 'umd' : 'window',
-    // 浏览器: window node.js:global  Web Worker: self
-    globalObject: isProduction ? 'this' : 'window',
-    // 为 UMD 模块命名，提高可读性
-    umdNamedDefine: true,
-    // 构建前清理输出目录
-    clean: true,
-    // 开发模式下输出到内存，生产模式下输出到 dist 目录
-    publicPath: '/',
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx'],
-    alias: {
-      '@': path.resolve(__dirname, 'src'),
-    },
-  },
-  externals: {
-    '@amap/amap-jsapi-loader': {
-      commonjs: '@amap/amap-jsapi-loader',
-      commonjs2: '@amap/amap-jsapi-loader',
-      amd: '@amap/amap-jsapi-loader',
-      root: 'AMapLoader'
-    }
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        loader: 'ts-loader',
-        exclude: /node_modules/,
-        options: {
-          transpileOnly: true,
-          compilerOptions: { noEmit: true },
-        },
-      },
-    ],
-  },
-  plugins: [
-    new ForkTsCheckerWebpackPlugin(),
-    new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
-    }),
-  ],
-  devtool: isProduction ? 'source-map' : 'eval-cheap-module-source-map',
-  mode: mode,
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        terserOptions: {
-          compress: {
-            drop_console: false,
-            drop_debugger: true,
-            pure_funcs: [],
-          },
-          mangle: {
-            keep_fnames: true,
-          },
-          output: {
-            comments: /@preserve|@license|@copyright|@author|@description|@param|@returns|@type/i,
-          },
-        },
-        extractComments: false,
-      }),
-    ],
-  },
-};
-
-// 开发模式下添加开发服务器和HTML模板配置
-if (!isProduction) {
-  config.devServer = {
-    static: {
-      directory: path.join(__dirname, 'examples'),
-      watch: true,
-    },
-    compress: true,
-    port: 8080,
-    open: true,
-    hot: true,
-    historyApiFallback: true,
-  };
-
-  // 添加HTML模板插件
-  config.plugins.push(
-    new HtmlWebpackPlugin({
-      template: path.resolve(__dirname, 'examples', '4_LabelMarkerLayer.html'),
-      //  template: path.resolve(__dirname, 'examples', '3_MarkerLayer.html'),
-      filename: 'index.html',
-      inject: { // 精确控制脚本的注入位置
-        tagName: 'script',
-        insertBefore: 'body > script:first-of-type' // 将库脚本注入到body内第一个script标签之前
-      },
-      scriptLoading: 'blocking', // 使用阻塞加载方式确保脚本按顺序执行
-    })
-  );
-  //开发模式无需排除
-  delete config.externals
-
-  // 添加热模块替换插件
-  config.plugins.push(new webpack.HotModuleReplacementPlugin());
-}
-
-module.exports = config;
+const path = require('path');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack');
+const TerserPlugin = require('terser-webpack-plugin');
+
+// 获取环境变量或默认值
+const isProduction = process.env.NODE_ENV === 'production';
+
+// 设置mode变量
+const mode = isProduction ? 'production' : 'development';
+
+// 配置对象
+const config = {
+  entry: './src/index.ts',
+  output: {
+    // 打包后的文件名
+    filename: 'index.js',
+    // 输出目录路径
+    path: path.resolve(__dirname, 'dist'),
+    // 库的全局变量名，在浏览器中可以通过 window.GdMapUtils 访问
+    library: 'GdMapUtils',
+    // 库的输出格式，生产模式使用umd，开发模式使用window
+    libraryTarget: isProduction ? 'umd' : 'window',
+    // 浏览器: window node.js:global  Web Worker: self
+    globalObject: isProduction ? 'this' : 'window',
+    // 为 UMD 模块命名，提高可读性
+    umdNamedDefine: true,
+    // 构建前清理输出目录
+    clean: true,
+    // 开发模式下输出到内存，生产模式下输出到 dist 目录
+    publicPath: '/',
+  },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx'],
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+  externals: {
+    '@amap/amap-jsapi-loader': {
+      commonjs: '@amap/amap-jsapi-loader',
+      commonjs2: '@amap/amap-jsapi-loader',
+      amd: '@amap/amap-jsapi-loader',
+      root: 'AMapLoader'
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: 'ts-loader',
+        exclude: /node_modules/,
+        options: {
+          transpileOnly: true,
+          compilerOptions: { noEmit: true },
+        },
+      },
+    ],
+  },
+  plugins: [
+    new ForkTsCheckerWebpackPlugin(),
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
+    }),
+  ],
+  devtool: isProduction ? 'source-map' : 'eval-cheap-module-source-map',
+  mode: mode,
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: false,
+            drop_debugger: true,
+            pure_funcs: [],
+          },
+          mangle: {
+            keep_fnames: true,
+          },
+          output: {
+            comments: /@preserve|@license|@copyright|@author|@description|@param|@returns|@type/i,
+          },
+        },
+        extractComments: false,
+      }),
+    ],
+  },
+};
+
+// 开发模式下添加开发服务器和HTML模板配置
+if (!isProduction) {
+  config.devServer = {
+    static: {
+      directory: path.join(__dirname, 'examples'),
+      watch: true,
+    },
+    compress: true,
+    port: 8080,
+    open: true,
+    hot: true,
+    historyApiFallback: true,
+  };
+
+  // 添加HTML模板插件
+  config.plugins.push(
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, 'examples', '3_MarkerLayer.html'),
+      filename: 'index.html',
+      inject: { // 精确控制脚本的注入位置
+        tagName: 'script',
+        insertBefore: 'body > script:first-of-type' // 将库脚本注入到body内第一个script标签之前
+      },
+      scriptLoading: 'blocking', // 使用阻塞加载方式确保脚本按顺序执行
+    })
+  );
+  //开发模式无需排除
+  delete config.externals
+
+  // 添加热模块替换插件
+  config.plugins.push(new webpack.HotModuleReplacementPlugin());
+}
+
+module.exports = config;

package/src/gdMap/gdHelper.js

@@ -1,194 +0,0 @@
-const gdHelperMixin = {
-  /**
-   * 设置地图中心
-   * @param lnglat [xxx,xx]
-   * @param zoom 地图层级
-   */
-  //TODO  setGDMapCenter  你可以为后期迭代做准备
-  //TODO  setGDMapCenter  你可以为后期迭代做准备
-  setCenter(lnglat, zoom) {
-    if (zoom !== undefined) {
-      this.map.setZoomAndCenter(zoom, lnglat); //同时设置地图层级与中心点
-    } else {
-      this.map.setCenter(lnglat, true);
-    }
-  },
-  /**
-   * 设置地图缩放级别
-   * @param zoom 地图层级
-   */
-  setZoom(zoom) {
-    this.map.setZoom(zoom);
-  },
-  /**
-   * 根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别
-   * @param {Array} overlays  [marker, marker1] 覆盖物数组 缺省为全部覆盖物
-   * @param {Boolean} immediately 是否立即过渡
-   * @param {Array<Number>} avoid [60,60,60,60] 四周边距，上、下、左、右
-   * @param {number} maxZoom 最大 地图zoom 级别 18
-   */
-  setFitView(...opts) {
-    // 地图适应到最佳视角
-    this.map.setFitView(...opts);
-  },
-  /**
-   * 创建一个图标
-   * @param {[number, number]} size - 图标尺寸，格式为 [width, height]
-   * @param {string} image - 图片的 URL 地址
-   * @param {[number, number]} imageSize - 图标所用图片的大小，格式为 [width, height]
-   * @param {[number, number]} imageOffset - 图标取图的偏移量，格式为 [x, y]
-   */
-  createIcon(size, image, imageSize, imageOffset = [0, 0]) {
-    return new this.AMap.Icon({
-      // 图标尺寸
-      size: this.Size(...size),
-      // 图标的取图地址
-      image: image,
-      // 图标所用图片大小
-      imageSize: this.Size(...imageSize),
-      // 图标取图偏移量
-      imageOffset: this.Pixel(...imageOffset),
-    });
-  },
-  /**
-   * 地物对象的像素尺寸
-   * @param {number} width 宽度
-   * @param {number} height 高度
-   */
-  Size(width, height) {
-    return new this.AMap.Size(width, height);
-  },
-  /**
-   * 像素坐标，确定地图上的一个像素点。
-   * @param {number} x
-   * @param {number} y
-   */
-  Pixel(x, y) {
-    return new this.AMap.Pixel(x, y);
-  },
-  /**
-   * 经纬度坐标，用来描述地图上的一个点位置
-   * @param {Number} lng 经度值
-   * @param {Number} lat 	纬度值
-   * @param {boolean} noWrap 是否自动将经度值修正到 [-180,180] 区间内
-   */
-  LngLat(lng, lat, noWrap = false) {
-    return new this.AMap.LngLat(lng, lat, noWrap);
-  },
-
-  //TODO  海量点数据
-  createLabelLayer({
-    zoom = [1, 20],
-    zIndex = 1000,
-    collision = true,
-    layerClassName,
-    ...rest
-  }) {
-    const labelLayer = new this.AMap.LabelsLayer({
-      zIndex,
-      collision,
-      zoom,
-      ...rest,
-    });
-    labelLayer.setMap(this.map);
-    // HACK: labelLayer获取图层节点方式与原来不同，获取可以抽象marker图层, labelLayer图层,实现多态
-    // this.overlayGroupManagerMap.set(layerClassName,labelLayer);
-    return labelLayer;
-  },
-  // 创建labelMarker标注
-  createLabelLayerMarker({ icon, text, position, ...rest }) {
-    const label = new this.AMap.LabelMarker({
-      icon: icon,
-      text: text,
-      position: position,
-      ...rest,
-    });
-    return label;
-  },
-
-  createMarkerCluster(
-    points,
-    { _renderClusterMarker, _renderMarker, gridSize }
-  ) {
-    return new AMap.MarkerCluster(this.map, points, {
-      gridSize: gridSize, // 设置网格像素大小
-      renderClusterMarker: _renderClusterMarker, // 自定义聚合点样式
-      renderMarker: _renderMarker, // 自定义非聚合点样式
-    });
-  },
-  /*
-    创建点位信息窗体
-    */
-  createInfoWindow({
-    content,
-    isCustom = true,
-    closeWhenClickMap = true,
-    ...rest
-  }) {
-    return new this.AMap.InfoWindow({
-      content: content,
-      isCustom,
-      closeWhenClickMap: closeWhenClickMap,
-      ...rest,
-    });
-  },
-  /*
-    清楚地图所有信息窗体
-    */
-  clearInfoWindow() {
-    this.map.clearInfoWindow();
-  },
-
-  //[ ] gdHelper.js中this.map.xxx得方法可以转移到gdUtils.js实例上，mapUtils
-  /* 打开高德信息弹框 */
-  openInfoWindow(infoWindow, ...rest) {
-    infoWindow.open(this.map, ...rest);
-  },
-  // 绘制线路
-  drawPolyline(paths) {
-    return new this.AMap.Polyline({
-      map: this.map,
-      ...paths,
-    });
-  },
-
-  clearOverlays() {
-    this.map.clearMap(); // 清除地图上的所有覆盖物
-  },
-
-  removeSingleOverlay(overlay) {
-    this.map.remove(overlay); // 清除地图上某个覆盖物
-  },
-  /**
-   * 创建高德地图驾车导航
-   * @param {Object} options 导航配置
-   * @returns {AMap.Driving} 导航对象
-   */
-  createAMapDriving(options) {
-    return new this.AMap.Driving(options);
-  },
-  /**
-   * 创建高德地图标注
-   * @param {Object} options 标注配置
-   * @returns {AMap.Marker} 标注对象
-   */
-  createAMapMarker(options) {
-    return new this.AMap.Marker({
-      map: this.map,
-      ...options,
-    });
-  },
-  /**
-   * 创建高德地图折线
-   * @param {Object} options 折线配置
-   * @returns {AMap.Polyline} 折线对象
-   */
-  createAMapPolyline(options) {
-    return new this.AMap.Polyline({
-      map: this.map,
-      ...options,
-    });
-  },
-};
-
-export default gdHelperMixin;