augustine-jkmap 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "augustine-jkmap",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A Vue 2 component library",
   "main": "dist/augustine-jkmap.common.js",
   "unpkg": "dist/augustine-jkmap.umd.min.js",
@@ -34,7 +34,8 @@
   ],
   "scripts": {
     "build": "vue-cli-service build --target lib --name augustine-jkmap src/index.js",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "upgrade": "npm version patch && npm run build && npm publish --//registry.npmjs.org/:_authToken=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"
   },
   "peerDependencies": {
     "vue": "^2.6.0 || ^2.7.0"

package/src/README.md

@@ -0,0 +1,46 @@
+# augustine_xumap
+
+A Vue 2 & 3 compatible component library.
+
+## 发布代码
+ls lib/                    # 看是否有 JS 文件
+npm pack --dry-run         # 看是否包含 lib/ 内容
+# 删除命令（谨慎使用）
+npm unpublish augustine_xumap@0.0.1
+npm publish --//registry.npmjs.org/:_authToken=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
+
+npm version patch    # 0.0.1 → 0.0.2
+npm version minor    # 0.0.1 → 0.1.0
+npm version major    # 0.0.1 → 1.0.0
+
+# 1. 升级版本（比如升补丁版）
+npm version patch
+
+# 输出：v0.0.2
+
+# 2. 构建（确保 lib/ 是最新的）
+npm run build
+
+# 3. 发布新版本
+npm publish
+
+## Install
+
+```bash
+npm install augustine_xumap
+```
+
+## Usage
+
+### Vue 3 (Vite)
+import "augustine_xumap/lib/style.css";
+import * as augustineXuMap from "augustine_xumap";
+const { mapList } = augustineXuMap;
+import { mapJump } from "augustine_xumap/utils/toArcGISPoint";
+
+## Supports
+- ✅ Vue 2.6+ and Vue 3
+- ✅ Vite & Webpack
+- ✅ Source Map debugging
+- ✅ Tree-shaking
+- ✅ Auto-import via `unplugin-vue-components`

package/src/utils/index.js

@@ -1,6 +1,15 @@
 /* eslint-disable require-jsdoc */
-import { loadWmsLayer } from '../config/loadLayers.js'
+import { loadWmsLayer } from './loadLayers.js'
 import { toArcGISPoint } from '../config/toArcGISPoint.js'
+import {
+  arcGISTranformGeoJson,
+  geoJsonTranformArcgis,
+  geoJsonTranformWkt,
+  wktTranformGeoJson,
+  wktTranformArcgis,
+  arcgisTranformWkt
+} from '../config/wktMethods.js'
+
 /**
  * 加载2D地图
  * @param   String  mapId   地图容器id
@@ -1730,6 +1739,12 @@ async function createMaskLayer(polygonDataList = [], options, context = null, ma
   }
 }
 export {
+  arcGISTranformGeoJson,
+  geoJsonTranformArcgis,
+  geoJsonTranformWkt,
+  wktTranformGeoJson,
+  wktTranformArcgis,
+  arcgisTranformWkt,
   initMapPack,
   createBase,
   createMapView,

package/src/utils/loadLayers.js

@@ -0,0 +1,153 @@
+/**
+ * 返回roles
+ * @param {*} maxLevel
+ * @returns
+ */
+export function returnRole(maxLevel = 18, type = '2d') {
+  const lods = [],
+    isWebMercator = false
+  if (isWebMercator) {
+    // EPSG:3857（Web墨卡托）的LODs（单位：米/像素）
+    // 级别从0开始（行业惯例），分辨率逐级减半
+    const startResolution = 156543.03390625 // level 0的分辨率（米/像素）
+    const startScale = 591657527.591555 // level 0的比例尺（1:591657527.591555）
+    for (let level = 0; level <= maxLevel; level++) {
+      const levelValue = type == '2d' ? level : level + 1
+      // 0-20级（共21级）
+      lods.push({
+        level: level,
+        levelValue,
+        resolution: startResolution / Math.pow(2, level), // 逐级减半
+        scale: startScale / Math.pow(2, level)
+      })
+    }
+  } else {
+    // EPSG:4490/4326（地理坐标系）的LODs（单位：度/像素）
+    // 级别从1开始（保持原逻辑兼容）
+    const startResolution = 0.703125 // level 1的分辨率（度/像素）
+    const startScale = 295497593.05875003 // level 1的比例尺
+    for (let level = 1; level <= maxLevel; level++) {
+      // 1-20级（共20级）
+      const levelValue = type == '2d' ? level - 1 : level
+      lods.push({
+        level: level - 1,
+        levelValue,
+        resolution: startResolution / Math.pow(2, level - 1), // 逐级减半（level 2是level 1的1/2）
+        scale: startScale / Math.pow(2, level - 1)
+      })
+    }
+  }
+  return lods
+}
+/**
+ * 加载
+ * @param {*} options-传参
+ * @param {*} url 服务地址
+ * @param {*} subDomains 当瓦片服务器支持跨多个子域名请求以提高性能时使用。提供一个子域名数组
+ * @param {*} title 服务标题
+ * @param {*} id 为图层指定一个唯一的标识符
+ * @param {*} tileInfo 图层的名称或标题，通常用于图例或图层列表中展示
+ * @param {*} wkid 服务地图层级
+ * @param {*} fullExtent 服务地图层级
+ * @param {*} loadInfo 是否加载titleInfo
+ * @param {*} visible 布尔值，决定图层是否可见，默认是 true。设置为 false 可隐藏图层
+ * @param {*} opacity 图层的透明度，范围从0到1，默认是 1（完全不透明
+ * @param {*} minScale | maxScale 分别定义了图层的最大和最小比例尺。超出这些范围的缩放级别，图层将不会显示
+ * @param {*} popupTemplate 定义了点击图层上的要素时弹出窗口的内容模板
+ * @param {*} copyright 版权信息字符串，用于声明数据来源或版权声明
+ *
+ */
+export function loadWmsLayer(options) {
+  if (!options) return ''
+  let {
+    url,
+    subDomains,
+    title,
+    id,
+    tileInfo,
+    wkid,
+    fullExtent,
+    loadInfo = false,
+    visible = true,
+    opacity = 1,
+    minScale = 1,
+    maxScale = 22,
+    popupTemplate,
+    copyright = 'jk'
+  } = options
+
+  if (!url) return ''
+
+  const isVisible = visible || false
+  isVisible
+  minScale
+  maxScale
+  copyright
+  let params = {
+    visible: isVisible,
+    opacity,
+
+    spatialReference: {
+      wkid: 4490
+    }
+  }
+  if (subDomains) params.subDomains = subDomains
+  if (title) params.title = title
+  if (id) params.id = id
+  if (tileInfo) params.tileInfo = tileInfo
+  if (loadInfo) {
+    if (tileInfo) params.tileInfo = tileInfo
+    else if (window.jkEsri && window.jkEsri.TileInfo)
+      params.tileInfo = new window.jkEsri.TileInfo({
+        dpi: '90.71428571427429',
+        rows: 256,
+        cols: 256,
+        compressionQuality: 0,
+        origin: {
+          x: -180,
+          y: 90
+        },
+        spatialReference: {
+          wkid: 4490
+        },
+        lods: returnRole(28, '3d')
+      })
+  }
+  if (wkid) params.spatialReference.wkid = wkid
+  if (fullExtent) params.fullExtent = fullExtent
+  if (popupTemplate) params.popupTemplate = popupTemplate
+  return new window.jkEsri.WebTileLayer(url, params)
+
+  return layer
+}
+/**
+ * 加载wmts服务
+ * @param   Object  options = {url,id,title} 参数
+ */
+export function WMTSlayer(options) {
+  let tileInfo = new window.jkEsri.TileInfo({
+    dpi: 90,
+    rows: 256,
+    cols: 256,
+    compressionQuality: 0,
+    origin: {
+      x: -180,
+      y: 90
+    },
+    spatialReference: {
+      wkid: 4490
+    },
+    lods: returnRole(25)
+  })
+  const url = `${options.url}?layers=jk_map_server%3Atgzx&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=${options.id}&STYLE=&TILEMATRIX=EPSG:4490:{z}&TILEMATRIXSET=EPSG:4490&FORMAT=image%2Fpng&TILECOL={x}&TILEROW={y}&key=586f4e24c298419e9d76302147f98cca`
+  const layer = new window.jkEsri.WebTileLayer({
+    urlTemplate: url,
+    id: options.id,
+    title: options.title,
+    tileInfo: tileInfo,
+    spatialReference: {
+      wkid: 4490
+    }
+  })
+  return layer
+}

package/src/utils/index copy 2.js

@@ -1,303 +0,0 @@
-/* eslint-disable require-jsdoc */
-import { loadWmsLayer } from '../config/loadLayers.js'
-import { toArcGISPoint, mapJump } from '../config/toArcGISPoint.js'
-import {
-  getTextSymbol,
-  getSimpleMarkerSymbol,
-  getPictureSymbol,
-  getLineSymbol,
-  getFillSymbol,
-  drawArcPoint,
-  createArcPoint,
-  createLineGraphicsLayer,
-  createMaskLayer,
-  createPolygonGraphicsLayer,
-  drawLayer
-} from '../config/drawLayer.js'
-
-/**
- * 加载2D地图
- * @param   String  mapId   地图容器id
- * @param   Object  params  地图参数
- * @return  Promise
- */
-var arcgisCoreView = null,
-  arcgisCoreMap = null
-/**
- * 返回地图容器
- * @param {*} data
- */
-export function initMapPack(data) {
-  if (!arcgisCoreView && data.view) arcgisCoreView = data.view
-  if (!arcgisCoreMap && data.map) arcgisCoreMap = data.map
-}
-
-/**
- * 创建自定义底图
- * @param {*} mapId
- * @param {*} layer
- * @param {*} params
- * @returns
- */
-export function createBase(mapId, layer, params) {
-  return new Promise((resolve) => {
-    arcgisCoreMap = new window.jkEsri.Map({ layers: [layer] }) // 添加动态图层
-    const { minZoom = 6, maxZoom = 17 } = params
-    const viewOptions = {
-      container: mapId,
-      map: arcgisCoreMap,
-      ui: {
-        logo: false,
-        components: ['zoom']
-      }
-    }
-    Object.assign(viewOptions, params || {})
-    viewOptions.constraints = {
-      minZoom,
-      maxZoom
-    }
-    arcgisCoreView = new window.jkEsri.MapView(viewOptions)
-    arcgisCoreView.when(function () {
-      if (params.extent) {
-        goToViewExtent(params.extent)
-      }
-      resolve({ map: arcgisCoreMap, view: arcgisCoreView })
-    })
-  })
-}
-/**
- * 创建基础地图
- * @param {*} mapId
- * @param {*} params
- * @returns
- */
-export function createMapView(mapId, params) {
-  return new Promise((resolve) => {
-    /*天地图-影像（CGCS2000）*/
-    const layersType = params && params.layersType ? params.layersType : 'tdtYxt'
-    var tiandituDtLayer = loadWmsLayer({
-        id: layersType,
-        title: '天地图-影像',
-        url: 'http://{subDomain}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=img&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=4267820f43926eaf808d61dc07269beb',
-        subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-        loadInfo: true
-        // fullExtent: {
-        //   xmin: 109.613990783691,
-        //   xmax: 117.323570251465,
-        //   ymin: 20.131498336792,
-        //   ymax: 25.5443782806396,
-        //   spatialReference: 4490
-        // },
-      }),
-      tiandituDtBz = loadWmsLayer({
-        id: 'tiandituDtBz',
-        title: '天地图-影像注记',
-        url: 'http://{subDomain}.tianditu.gov.cn/cia_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=cia&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=4267820f43926eaf808d61dc07269beb',
-        subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-        loadInfo: true
-        // fullExtent: {
-        //   xmin: 109.613990783691,
-        //   xmax: 117.323570251465,
-        //   ymin: 20.131498336792,
-        //   ymax: 25.5443782806396,
-        //   spatialReference: 4490
-        // }
-      })
-    if (layersType == 'tdtDxt') {
-      tiandituDtLayer = loadWmsLayer({
-        id: layersType,
-        title: '天地图-地形图',
-        url: 'http://{subDomain}.tianditu.gov.cn/ter_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=ter&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=4267820f43926eaf808d61dc07269beb',
-        subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-        loadInfo: true
-        // fullExtent: {
-        //   xmin: 109.613990783691,
-        //   xmax: 117.323570251465,
-        //   ymin: 20.131498336792,
-        //   ymax: 25.5443782806396,
-        //   spatialReference: 4490
-        // },
-      })
-    } else if (layersType == 'tdtSlt') {
-      tiandituDtLayer = loadWmsLayer({
-        id: 'tdtSlt',
-        title: '天地图-矢量图',
-        url: 'https://{subDomain}.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=vec&STYLE=default&FORMAT=tiles&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=4267820f43926eaf808d61dc07269beb',
-        subDomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-        loadInfo: true
-        // fullExtent: {
-        //   xmin: 109.613990783691,
-        //   xmax: 117.323570251465,
-        //   ymin: 20.131498336792,
-        //   ymax: 25.5443782806396,
-        //   spatialReference: 4490
-        // },
-      })
-    }
-    arcgisCoreMap = new window.jkEsri.Map()
-    arcgisCoreMap.layers.add(tiandituDtLayer, 0)
-
-    arcgisCoreMap.layers.add(tiandituDtBz, 1)
-    const { minZoom = 6, maxZoom = 17 } = params
-    const param = {
-      map: arcgisCoreMap,
-      container: mapId
-    }
-    if (params && params.mapType && params.mapType == '3d') {
-      arcgisCoreView = new window.jkEsri.SceneView(param)
-      // arcgisCoreView.watch('zoom', (newZoom) => {
-      //   if (newZoom < minZoom || newZoom > maxZoom) {
-      //     arcgisCoreView.goTo(
-      //       { zoom: Math.min(maxZoom, Math.max(minZoom, newZoom)) },
-      //       { animate: false } // 禁用动画，避免闪烁
-      //     )
-      //   }
-      // })
-    } else {
-      Object.assign(param, params || {})
-      param.constraints = {
-        minZoom,
-        maxZoom
-      }
-      arcgisCoreView = new window.jkEsri.MapView(param)
-    }
-    arcgisCoreView.when(function () {
-      if (param.extent) {
-        goToViewExtent(param.extent)
-      }
-      resolve({ map: arcgisCoreMap, view: arcgisCoreView })
-    })
-  })
-}
-/**
- * 跳转点
- * @param   String  mapId   地图容器id
- * @param   Object  params  地图参数
- * @return  Promise
- */
-export function goToPoint(point, zoom = 17) {
-  arcgisCoreView.goTo(
-    {
-      target: toArcGISPoint(point), // 跳转目标点
-      tilt: 60, // 可选，目标视角倾斜角度
-      heading: 30, // 可选，目标视角方向角度
-      zoom // 可选，目标视角缩放级别
-    },
-    { duration: 1000 }
-  )
-}
-/**
- * 跳转extent
- * @param   Object  extent  地图参数
- */
-function goToViewExtent(extent) {
-  if (extent.xmin && extent.ymin && extent.xmax && extent.ymax) {
-    let wkid = extent.xmin > 1000 ? 102100 : 4326
-    arcgisCoreView.goTo(
-      new window.jkEsri.Extent(
-        extent.xmin,
-        extent.ymin,
-        extent.xmax,
-        extent.ymax,
-        new window.jkEsri.SpatialReference({
-          wkid: wkid
-        })
-      ),
-      { duration: 1000 }
-    )
-  }
-}
-/**
- * 地图跳转
- * @param {*} target
- * @param {*} options
- * @returns
- */
-function goToMap(target, options = { zoom: 16 }) {
-  if (target && arcgisCoreView) {
-    if (
-      (target.x && target.y) ||
-      (target.longitude && target.latitude) ||
-      (target.jd && target.wd) ||
-      (target.length == 2 && target[0] && target[1]) ||
-      (target.lng && target.lat)
-    ) {
-      goToPoint(target, options.zoom)
-      return
-    }
-    if (target.xmin && target.ymin && target.xmax && target.ymax) {
-      goToViewExtent(target)
-      return
-    }
-    mapJump(arcgisCoreView, target, options)
-  }
-}
-/**
- * 获取面积
- * @param geometry
- */
-function getArea(geometry) {
-  const outSpatialReference = {
-    wkid: 4326
-  }
-  const newGeometry = window.jkEsri.projection.project(geometry, outSpatialReference)
-  // 平方米
-  return window.jkEsri.geometryEngine.geodesicArea(newGeometry, 'square-meters') //返回平方米
-}
-/**
- * 绘制缓冲区
- * @param {*} val
- * @param {*} myDrawGeometry
- * @returns
- */
-function drawBuffer(val = 10, myDrawGeometry) {
-  return new Promise((resolve) => {
-    const outSpatialReference = {
-      wkid: 4326
-    }
-    const myDrawGeometryNew = window.jkEsri.projection.project(myDrawGeometry, outSpatialReference)
-    //公里-meters kilometers
-    const geometry = window.jkEsri.geometryEngine.geodesicBuffer(
-      myDrawGeometryNew,
-      val,
-      'kilometers'
-    )
-    let lineColor = new window.jkEsri.Color('red')
-    const color = new window.jkEsri.Color('red')
-    color.a = 0.1
-    const symbol = {
-      type: 'simple-fill',
-      color: color,
-      outline: {
-        color: lineColor,
-        width: 2,
-        style: 'solid'
-      }
-    }
-    let graphic = window.jkEsri.Graphic.fromJSON({
-      geometry,
-      attributes: null
-    })
-    graphic.symbol = symbol
-    resolve(graphic)
-    goToViewExtent(graphic.geometry.extent)
-  })
-}
-
-export {
-  getArea,
-  goToMap,
-  drawBuffer,
-  getTextSymbol,
-  getSimpleMarkerSymbol,
-  getPictureSymbol,
-  getLineSymbol,
-  getFillSymbol,
-  toArcGISPoint,
-  drawArcPoint,
-  createArcPoint,
-  createLineGraphicsLayer,
-  createMaskLayer,
-  createPolygonGraphicsLayer,
-  drawLayer
-}