gis-map-xinjiang 0.0.2 → 0.0.4

package/packages/gisMapXinJiang/js/utills.js

@@ -1,315 +0,0 @@
-import { ref } from 'vue';
-import { Feature } from "ol";
-import { Vector as VectorLayer, Heatmap as HeatmapLayer } from "ol/layer";
-import { Vector as VectorSource, Cluster } from "ol/source";
-import { extend } from "ol/extent";
-import { Point, LineString } from "ol/geom";
-import GeoJSON from "ol/format/GeoJSON";
-import * as turf from "@turf/turf";
-import {
-  Circle,
-  Fill,
-  Stroke,
-  Style,
-  Text,
-  Icon,
-  RegularShape,
-} from "ol/style";
-import { fromLonLat } from "ol/proj";
-
-// 创建可组合函数替代原来的 mixin
-export function useUtils(mapRef, checkedListRef) {
-  // 响应式数据
-  const gongganTextLayerShow = ref(false);
-  const gongganTextLayerList = ref([]);
-  const sourceWithTextList = ref([]);
-
-  // 方法
-  const zoomInBylatlon = (latlon, zoom) => {
-    mapRef.value.getView().animate({
-      center: latlon,
-      zoom: zoom,
-      duration: 800,
-    });
-  };
-
-  const addPointByArr = (pointsObj, id, isCluster, customLayerRef) => {
-    let arry = mapRef.value.getLayers().getArray();
-    let foundLayer = null;
-    for (let i = 0; i < arry.length; i++) {
-      let layer = arry[i];
-      if (layer.get("layerName") === id) {
-        foundLayer = layer;
-        break;
-      }
-    }
-    let sourceWithoutText = new VectorSource();
-    pointsObj.pointList.forEach((data) => {
-      let feature = new Feature({
-        title: "要素点",
-        // geometry: new Point(fromLonLat([data.longitude, data.latitude])),
-        geometry: new Point([data.longitude, data.latitude]),
-      });
-      feature.set("type", data.type);
-      feature.set("iconUrl", data.iconUrl);
-      feature.set("popoup", data.popoup);
-      feature.set("otherInfo", data.otherInfo);
-      feature.set("longitude", data.longitude);
-      feature.set("latitude", data.latitude);
-      feature.set("isVisible", false);
-      feature.set("layerId", id);
-      let styleWithoutText = [
-        new Style({
-          image: new Icon({
-            src: data.iconUrl,
-            scale: data.scale,
-            offset: data.offset,
-            offsetOrigin: "bottom-right",
-            size: data.size,
-          }),
-        }),
-        new Style({
-          text: new Text({
-            font: data.textFontSize || "14px sans-serif",
-            fill: new Fill({ color: data.textColor || "rgb(255, 255, 255)" }), // 文字颜色
-            stroke: new Stroke({ color: "rgb(33, 33, 33)", width: 0 }), // 文字描边
-            backgroundFill: new Fill({ color: data.textBGColor || "rgba(94, 110, 158, 0.6)" }), // 背景色（支持透明度）
-            backgroundStroke: new Stroke({
-              color: "rgba(173, 173, 173, 0.1)",
-              width: 1,
-            }), // 可选：背景边框
-            text: data.name || "",
-            textAlign: "center",
-            textBaseline: "bottom",
-            offsetX: data.textOffsetX || 0,
-            offsetY: data.textOffsetY || 40,
-            overflow: true,
-            padding: [0, 2, 0, 2], // 上、右、下、左 padding，可以调整
-          }),
-          zIndex: 60,
-        }),
-      ];
-      feature.setStyle(styleWithoutText);
-      sourceWithoutText.addFeature(feature);
-    });
-    if (isCluster) {
-      customLayerRef.value = new VectorLayer({
-        layerName: id,
-        zIndex: 999,
-        style: function (feature) {
-          const size = feature.get("features").length;
-          let style;
-          if (size > 1) {
-            let circleStyle = new Style({
-              image: new RegularShape({
-                fill: new Fill({
-                  color: [233, 188, 38, 0.7],
-                }),
-                stroke: new Stroke({
-                  color: [233, 188, 38, 1],
-                  width: 1,
-                }),
-                points: 6,
-                radius: 27,
-              }),
-              text: new Text({
-                fill: new Fill({
-                  color: "#ffffff",
-                }),
-                offsetY: 2,
-                font: "bold 16px sans-serif",
-                text: size.toString(),
-              }),
-            });
-            let imageStyle1 = new Style({
-              image: new Icon({
-                src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNCA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMwOyYjMTUwOyYjMTg5OyYjMjI5OyYjMTgzOyYjMTY1OyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0M18zNDkpIj4KPGcgaWQ9IiYjMjMzOyYjMTYxOyYjMTgxOyYjMjMzOyYjMTU3OyYjMTYyOy0xIj4KPGcgaWQ9IiYjMjMzOyYjMTY2OyYjMTUwOyYjMjMzOyYjMTYxOyYjMTgxOy0mIzIzMTsmIzE1MzsmIzE4OTsmIzIzMjsmIzEzNzsmIzE3ODsmIzIyOTsmIzE4NTsmIzE3OTsmIzIzMzsmIzE1NzsmIzE2MjsxIj4KPGcgaWQ9IiYjMjI5OyYjMTU1OyYjMTkwOyYjMjMwOyYjMTYwOyYjMTM1OyI+CjxnIGlkPSImIzIzMDsmIzE1MDsmIzE4OTsmIzIyOTsmIzE4MzsmIzE2NTtfMiI+CjxnIGlkPSImIzIzMDsmIzE2NDsmIzE3MzsmIzIyOTsmIzE1NjsmIzEzNDsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgZmlsbD0id2hpdGUiLz4KPGcgaWQ9IlZlY3Rvcl8yIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9pXzQ0M18zNDkpIj4KPHBhdGggZD0iTTE3IDMzQzI1LjgzNjYgMzMgMzMgMjUuODM2NiAzMyAxN0MzMyA4LjE2MzQ0IDI1LjgzNjYgMSAxNyAxQzguMTYzNDQgMSAxIDguMTYzNDQgMSAxN0MxIDI1LjgzNjYgOC4xNjM0NCAzMyAxNyAzM1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgc3Ryb2tlPSIjQkVBMDE5IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+CjxnIGlkPSImIzIyODsmIzE4NDsmIzEzNzsmIzIzMjsmIzE2NzsmIzE0NjsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yXzQiIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9IndoaXRlIi8+CjxnIGlkPSJWZWN0b3JfNSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfaV80NDNfMzQ5KSI+CjxwYXRoIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl82IiBkPSJNMTcgNDFMMjEgMzVIMTNMMTcgNDFaIiBzdHJva2U9IiNCRUEwMTkiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPGcgaWQ9IiYjMjMwOyYjMTY0OyYjMTczOyYjMjI5OyYjMTU2OyYjMTM0OyYjMjI5OyYjMTg5OyYjMTYyO18yIj4KPHBhdGggaWQ9IlZlY3Rvcl83IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBmaWxsPSIjQkVBMDE5Ii8+CjxnIGlkPSJWZWN0b3JfOCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfaV80NDNfMzQ5KSI+CjxwYXRoIGQ9Ik0xNyAzMEMyNC4xNzk3IDMwIDMwIDI0LjE3OTcgMzAgMTdDMzAgOS44MjAzIDI0LjE3OTcgNCAxNyA0QzkuODIwMyA0IDQgOS44MjAzIDQgMTdDNCAyNC4xNzk3IDkuODIwMyAzMCAxNyAzMFoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBzdHJva2U9IiNENEM0N0YiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV80NDNfMzQ5IiB4PSIxIiB5PSIxIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjc0NTA5OCAwIDAgMCAwIDAuNjI3NDUxIDAgMCAwIDAgMC4wOTgwMzkyIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzQ5Ii8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2lfNDQzXzM0OSIgeD0iMTMiIHk9IjM1IiB3aWR0aD0iOCIgaGVpZ2h0PSI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC43NDUwOTggMCAwIDAgMCAwLjYyNzQ1MSAwIDAgMCAwIDAuMDk4MDM5MiAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfNDQzXzM0OSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMl9pXzQ0M18zNDkiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNC41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC44MzEzNzMgMCAwIDAgMCAwLjc2ODYyNyAwIDAgMCAwIDAuNDk4MDM5IDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzQ5Ii8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ0M18zNDkiPgo8cmVjdCB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
-              }),
-              text: new Text({
-                fill: new Fill({
-                  color: "#ffffff",
-                }),
-                offsetY: -2,
-                font: "14px sans-serif",
-                text: size.toString(),
-              }),
-            });
-            let imageStyle2 = new Style({
-              image: new Icon({
-                src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNCA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMwOyYjMTQ5OyYjMTMzOyYjMjMzOyYjMTU0OyYjMTU2OyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0M18zMTApIj4KPGcgaWQ9IiYjMjMzOyYjMTYxOyYjMTgxOyYjMjMzOyYjMTU3OyYjMTYyOy0xIj4KPGcgaWQ9IiYjMjMzOyYjMTY2OyYjMTUwOyYjMjMzOyYjMTYxOyYjMTgxOy0mIzIzMTsmIzE1MzsmIzE4OTsmIzIzMjsmIzEzNzsmIzE3ODsmIzIyOTsmIzE4NTsmIzE3OTsmIzIzMzsmIzE1NzsmIzE2MjsxIj4KPGcgaWQ9IiYjMjI5OyYjMTU1OyYjMTkwOyYjMjMwOyYjMTYwOyYjMTM1OyI+CjxnIGlkPSImIzIzMDsmIzE0OTsmIzEzMzsmIzIzMzsmIzE1NDsmIzE1NjtfMiI+CjxnIGlkPSImIzIzMDsmIzE2NDsmIzE3MzsmIzIyOTsmIzE1NjsmIzEzNDsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgZmlsbD0id2hpdGUiLz4KPGcgaWQ9IlZlY3Rvcl8yIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9pXzQ0M18zMTApIj4KPHBhdGggZD0iTTE3IDMzQzI1LjgzNjYgMzMgMzMgMjUuODM2NiAzMyAxN0MzMyA4LjE2MzQ0IDI1LjgzNjYgMSAxNyAxQzguMTYzNDQgMSAxIDguMTYzNDQgMSAxN0MxIDI1LjgzNjYgOC4xNjM0NCAzMyAxNyAzM1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgc3Ryb2tlPSIjRTQ0QjAwIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+CjxnIGlkPSImIzIyODsmIzE4NDsmIzEzNzsmIzIzMjsmIzE2NzsmIzE0NjsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yXzQiIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9IndoaXRlIi8+CjxnIGlkPSJWZWN0b3JfNSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfaV80NDNfMzEwKSI+CjxwYXRoIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl82IiBkPSJNMTcgNDFMMjEgMzVIMTNMMTcgNDFaIiBzdHJva2U9IiNFNDRCMDAiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPGcgaWQ9IiYjMjMwOyYjMTY0OyYjMTczOyYjMjI5OyYjMTU2OyYjMTM0OyYjMjI5OyYjMTg5OyYjMTYyO18yIj4KPHBhdGggaWQ9IlZlY3Rvcl83IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBmaWxsPSIjRTQ0QjAwIi8+CjxnIGlkPSJWZWN0b3JfOCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfaV80NDNfMzEwKSI+CjxwYXRoIGQ9Ik0xNyAzMEMyNC4xNzk3IDMwIDMwIDI0LjE3OTcgMzAgMTdDMzAgOS44MjAzIDI0LjE3OTcgNCAxNyA0QzkuODIwMyA0IDQgOS44MjAzIDQgMTdDNCAyNC4xNzk3IDkuODIwMyAzMCAxNyAzMFoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBzdHJva2U9IiNGRjY3MDAiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV80NDNfMzEwIiB4PSIxIiB5PSIxIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMC40MDM5MjIgMCAwIDAgMCAwIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzEwIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2lfNDQzXzMxMCIgeD0iMTMiIHk9IjM1IiB3aWR0aD0iOCIgaGVpZ2h0PSI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC44OTQxMTggMCAwIDAgMCAwLjI5NDExOCAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzQ0M18zMTAiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjJfaV80NDNfMzEwIiB4PSI0IiB5PSI0IiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAwLjQwMzkyMiAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzQ0M18zMTAiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDQzXzMxMCI+CjxyZWN0IHdpZHRoPSIzNCIgaGVpZ2h0PSI0MiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K",
-              }),
-              text: new Text({
-                fill: new Fill({
-                  color: "#ffffff",
-                }),
-                offsetY: -2,
-                font: "14px sans-serif",
-                text: size.toString(),
-              }),
-            });
-            let imageStyleNew = new Style({
-              image: new Icon({
-                src: feature.get("features")[0].getProperties().iconUrl,
-                scale: 0.5,
-              }),
-              text: new Text({
-                fill: new Fill({
-                  color: "#ffffff",
-                }),
-                offsetY: 16,
-                font: "14px sans-serif",
-                text: size.toString(),
-              }),
-            });
-            if (mapRef.value.getView().getZoom() < 18) {
-              return imageStyleNew;
-            } else {
-              let bz = 1;
-              feature.get("features").forEach((e) => {
-                let state = e.getProperties().otherInfo.state;
-                if (state === 0) {
-                  bz = 0;
-                }
-              });
-              if (bz === 1) {
-                return imageStyle1;
-              } else {
-                return imageStyle2;
-              }
-            }
-          } else {
-            style = feature.get("features")[0].getStyle();
-            return style;
-          }
-        },
-      });
-      const clusterSource = new Cluster({
-        distance: 80,
-        minDistance: 200,
-        source: sourceWithoutText,
-      });
-      if (foundLayer) {
-        foundLayer.setSource(clusterSource);
-      } else {
-        customLayerRef.value.setSource(clusterSource);
-      }
-    } else {
-      customLayerRef.value = new VectorLayer({
-        layerName: id,
-        zIndex: 999,
-      });
-      if (foundLayer) {
-        foundLayer.setSource(sourceWithoutText);
-      } else {
-        customLayerRef.value.setSource(sourceWithoutText);
-      }
-    }
-    if (!foundLayer) {
-      mapRef.value.addLayer(customLayerRef.value);
-    }
-  };
-
-  const addLineByArr = (arr, id, lineLayerRef) => {
-    let lineFeatures = [];
-    arr.forEach((lineItem) => {
-      let newArr = lineItem.xyArr.map((item) => item);
-      let lineFeature = new Feature({
-        geometry: new LineString(newArr),
-      });
-      lineFeature.setStyle(
-        new Style({
-          stroke: new Stroke({
-            color: lineItem.color,
-            width: lineItem.width,
-            lineDash: lineItem.lineDash ? [10, 10] : undefined
-          }),
-        })
-      );
-      lineFeatures.push(lineFeature);
-    });
-    let lineSource = new VectorSource({
-      features: lineFeatures,
-    });
-    lineLayerRef.value = new VectorLayer({
-      layerName: id,
-      zIndex: 999,
-      source: lineSource,
-    });
-    mapRef.value.addLayer(lineLayerRef.value);
-  };
-
-  const addHeatmapByArr = (arr, id) => {
-    let existingLayer = findLayerByName(id);
-    if (existingLayer) {
-      mapRef.value.removeLayer(existingLayer);
-    }
-    let heatmapLayer = new HeatmapLayer({
-      layerName: id,
-      zIndex: 900,
-      source: new VectorSource({
-        features: new GeoJSON().readFeatures(arr),
-      }),
-      blur: 18,
-      radius: 2,
-      weight: (e) => {
-        return 1;
-      },
-    });
-    mapRef.value.addLayer(heatmapLayer);
-  };
-
-  const removeLayerByName = (layerName) => {
-    let arry = mapRef.value.getLayers().getArray();
-    let foundLayer = null;
-    for (let i = 0; i < arry.length; i++) {
-      let layer = arry[i];
-      if (layer.get("layerName") === layerName) {
-        foundLayer = layer;
-        break;
-      }
-    }
-    mapRef.value.removeLayer(foundLayer);
-    // closePopup 需要从父组件传入
-  };
-
-  const findLayerByName = (layerName) => {
-    let arry = mapRef.value.getLayers().getArray();
-    let foundLayer = null;
-    for (let i = 0; i < arry.length; i++) {
-      let layer = arry[i];
-      if (layer.get("layerName") === layerName) {
-        foundLayer = layer;
-        break;
-      }
-    }
-    return foundLayer;
-  };
-
-  const isLayerInMap = (layer) => {
-    var layersArray = mapRef.value.getLayers().getArray();
-    return layersArray.some(function (mapLayer) {
-      return mapLayer === layer;
-    });
-  };
-
-  // 返回需要在组件中使用的属性和方法
-  return {
-    // 数据属性
-    gongganTextLayerShow,
-    gongganTextLayerList,
-    sourceWithTextList,
-    
-    // 方法
-    zoomInBylatlon,
-    addPointByArr,
-    addLineByArr,
-    addHeatmapByArr,
-    removeLayerByName,
-    findLayerByName,
-    isLayerInMap,
-  };
-}
-
-export default {
-  useUtils
-};

package/packages/index.js

@@ -1,26 +0,0 @@
-import gisMapXinJiang from './gisMapXinJiang/index.vue'
-import { useUtils } from './gisMapXinJiang/js/utills'
-import { useBaseLayers } from './gisMapXinJiang/js/initBaseLayers'
-
-// 组件安装函数
-const install = (app) => {
-  app.component('gisMapXinJiang', gisMapXinJiang)
-}
-
-// 创建插件对象
-const gisMap = {
-  install,
-  gisMapXinJiang,
-  useUtils,
-  useBaseLayers
-}
-
-// 同时默认导出插件
-export default gisMap
-
-// 分别导出组件和工具函数
-export { 
-  gisMapXinJiang,
-  useUtils,
-  useBaseLayers
-}