potato-map3d-ui2 0.0.9 → 0.0.11

package/dist/map3d-ui2.umd.js

@@ -0,0 +1,366 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("vue")) : typeof define === "function" && define.amd ? define(["vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global["map3d-ui2"] = factory(global.Vue));
+})(this, function(vue) {
+  "use strict";
+  const { tudou3d } = window;
+  function initMap(options) {
+    const { id, mapOptions } = options;
+    const map = new tudou3d.Map(id, mapOptions);
+    return map;
+  }
+  const _hoisted_1$3 = ["id"];
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      mapOptions: {
+        type: Object,
+        required: true
+      },
+      mapId: {
+        type: [String],
+        default: "map3d"
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const { mapOptions, mapId } = vue.toRefs(props);
+      vue.onMounted(() => {
+        window.map = initMap({
+          id: mapId.value,
+          mapOptions: mapOptions.value
+        });
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "map3d-class",
+          id: vue.unref(mapId)
+        }, null, 8, _hoisted_1$3);
+      };
+    }
+  });
+  const index_vue_vue_type_style_index_0_scoped_b4b79245_lang = "";
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const Map3dt = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b4b79245"]]);
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-11713398"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("img", { src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i6aOO5qC86K6+6K6hIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlnLDlm77mjqfliLblsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2Mi4wMDAwMDAsIDI1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLlnLDlm77nvKnlsI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjQgMTMgNCAxMSAyMCAxMSAyMCAxMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" }, null, -1));
+  const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", null, [
+    /* @__PURE__ */ vue.createTextVNode(" 缩小 "),
+    /* @__PURE__ */ vue.createElementVNode("div", { class: "triangle" })
+  ], -1));
+  const _hoisted_3$2 = [
+    _hoisted_1$2,
+    _hoisted_2$2
+  ];
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      map: {
+        type: Object,
+        default: null
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const { map } = vue.toRefs(props);
+      function zoomOut() {
+        const mapControl = map.value || window.map;
+        if (mapControl) {
+          const height = mapControl.viewer.camera.positionCartographic.height / 10;
+          mapControl.viewer.camera.zoomOut(height);
+        } else {
+          console.log("没有map对象");
+        }
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "control",
+          onClick: zoomOut
+        }, _hoisted_3$2);
+      };
+    }
+  });
+  const index_vue_vue_type_style_index_0_scoped_11713398_lang = "";
+  const ZoomOut = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-11713398"]]);
+  const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
+  const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("img", {
+    src: _imports_0,
+    class: "w-24px h-24px"
+  }, null, -1);
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "invisible group-hover:visible bg-#000 absolute top-50% left--50px translate-y--50% text-14px p-4px rd-4px c-#fff" }, [
+    /* @__PURE__ */ vue.createTextVNode(" 放大 "),
+    /* @__PURE__ */ vue.createElementVNode("div", { class: "absolute top-50% left--9px translate-y--50% w-0px h-0px b-5px b-t-transparent b-r-transparent b-b-transparent b-l-#000" })
+  ], -1);
+  const _hoisted_3$1 = [
+    _hoisted_1$1,
+    _hoisted_2$1
+  ];
+  const __default__ = {
+    name: "ZoomIn"
+  };
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    props: {
+      map: {
+        type: Object,
+        default: null
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const { map } = vue.toRefs(props);
+      function zoomIn() {
+        const mapControl = map.value || window.map;
+        if (mapControl) {
+          const height = mapControl.viewer.camera.positionCartographic.height / 10;
+          mapControl.viewer.camera.zoomIn(height);
+        } else {
+          console.log("没有map对象");
+        }
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "group w-28px h-28px rd-4px bg-#000 f-c-c p-2px float-left m-2px cursor-pointer relative z-999 hover:bg-blue",
+          onClick: zoomIn
+        }, _hoisted_3$1);
+      };
+    }
+  });
+  const expandImage = "data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IuS4iee7tOW6ky3mjInnu4Tku7YiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLlt6Xlhbct6YeP566X6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjc4LjAwMDAwMCwgLTQ0Ni4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IumHj+eul+iPnOWNlSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYyLjAwMDAwMCwgMTkwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuWdkOagh+aLvuWPliIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAyNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5bey5a6a5L2NX2xvY2FsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjkzOTg5MTcsMTAuODI3MTI0MSBDMTMuMDkzMjg4OCwxMC4zMzAzMTMxIDEzLjYyMTc4NTEsMTAuMDUxNDkwOCAxNC4xMjAzMjEyLDEwLjIwNDM1NzEgQzE1Ljg5NDYzMywxMC43NDg0MTUxIDE3LDExLjU0OTczODUgMTcsMTIuNzQyMDgxNCBDMTcsMTQuODM5ODIyMSAxMy4yMTYzMzM4LDE2IDguNSwxNiBDMy43ODM2NjYyNCwxNiAwLDE0LjgzOTgyMjEgMCwxMi43NDIwODE0IEMwLDExLjU0OTc0MDMgMS4xMDUzNjEwOCwxMC43NDg0MTUzIDIuODc5NjYyMjksMTAuMjA0MzU3NiBDMy4zNzgxOTgxNSwxMC4wNTE0OTA0IDMuOTA2Njk0ODksMTAuMzMwMzExOSA0LjA2MDA5MjgsMTAuODI3MTIyNyBDNC4yMTM0OTA3MSwxMS4zMjM5MzM1IDMuOTMzNzAxMTIsMTEuODUwNjAxNiAzLjQzNTE2NTI2LDEyLjAwMzQ2ODcgQzIuMzkzODg0OCwxMi4zMjI3NTg4IDEuODg4ODg4ODksMTIuNjg4ODUyNSAxLjg4ODg4ODg5LDEyLjc0MjA4MTQgQzEuODg4ODg4ODksMTMuMjAzMzM5NiA0Ljg3MDcwMjQ2LDE0LjExNzY0NzEgOC41LDE0LjExNzY0NzEgQzEyLjEyOTI5NzUsMTQuMTE3NjQ3MSAxNS4xMTExMTExLDEzLjIwMzMzOTYgMTUuMTExMTExMSwxMi43NDIwODE0IEMxNS4xMTExMTExLDEyLjY4ODg1NTMgMTQuNjA2MTA5LDEyLjMyMjc1OTcgMTMuNTY0ODIxLDEyLjAwMzQ2OTEgQzEzLjA2NjI4NDksMTEuODUwNjAyOCAxMi43ODY0OTQ1LDExLjMyMzkzNTIgMTIuOTM5ODkxNywxMC44MjcxMjQxIFoiIGlkPSLot6/lvoQiIGZpbGw9IiMzODhERkMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNSwxMS45Njk4MzQxIEM4LjUsMTEuOTY5ODM0MSAxMy40MTExMTExLDguNjg5MzI3MyAxMy40MTExMTExLDQuODk2NzQzMjkgQzEzLjQxMTExMTEsMi4xOTIzNDg0OCAxMS4yMTIzMzExLDAgOC41LDAgQzUuNzg3NjY4ODksMCAzLjU4ODg4ODg5LDIuMTkyMzQ4NDggMy41ODg4ODg4OSw0Ljg5Njc0MzI5IEMzLjU4ODg4ODg5LDguNjg5MzI3MyA4LjUsMTEuOTY5ODM0MSA4LjUsMTEuOTY5ODM0MSBaIiBpZD0i6Lev5b6EIiBzdHJva2U9IiM1MDVBNkMiIHN0cm9rZS13aWR0aD0iMC45NDExNzY0NzEiIGZpbGw9IiM1MDVBNkMiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC41LDYuOTUwMjI2MjQgQzkuNTQzMTk1NTYsNi45NTAyMjYyNCAxMC4zODg4ODg5LDYuMDg1ODQ5NzcgMTAuMzg4ODg4OSw1LjAxOTYwNzg0IEMxMC4zODg4ODg5LDMuOTUzMzY1OTEgOS41NDMxOTU1NiwzLjA4ODk4OTQ0IDguNSwzLjA4ODk4OTQ0IEM3LjQ1NjgwNDQ0LDMuMDg4OTg5NDQgNi42MTExMTExMSwzLjk1MzM2NTkxIDYuNjExMTExMTEsNS4wMTk2MDc4NCBDNi42MTExMTExMSw2LjA4NTg0OTc3IDcuNDU2ODA0NDQsNi45NTAyMjYyNCA4LjUsNi45NTAyMjYyNCBaIiBpZD0i6Lev5b6EIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS4xNTgzNzEwNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=";
+  const iconImage = "data:image/png;base64,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";
+  const _sfc_main = vue.defineComponent({
+    name: "MeasureCoordinatePickingT",
+    props: {
+      map: {
+        type: Object,
+        default: null
+      },
+      initOptions: {
+        type: Object,
+        default: null
+      },
+      styleOption: {
+        type: Object,
+        default: null
+      },
+      clearParent: {
+        type: Function,
+        default: null
+      },
+      image: {
+        type: String,
+        default: ""
+      }
+    },
+    expose: ["clear"],
+    setup(prop) {
+      const { map: map3d, initOptions, styleOption, clearParent, image } = prop;
+      let map;
+      const { tudou3d: tudou3d2 } = window;
+      let latitude = vue.ref(0);
+      let longitude = vue.ref(0);
+      let elevation = vue.ref(0);
+      let showCoordinates = vue.ref(false);
+      const graphicLayer = new tudou3d2.layer.GraphicLayer();
+      function copy() {
+        copyText(`${longitude.value},${latitude.value},${elevation.value}`);
+      }
+      function clickDeal(options) {
+        const { cartesian } = options;
+        if (cartesian) {
+          const point = tudou3d2.PointTrans.cartesian2lonlat(cartesian);
+          longitude.value = point[0].toFixed(5);
+          latitude.value = point[1].toFixed(5);
+          elevation.value = point[2].toFixed(2);
+          graphicLayer.clear(true);
+          addIcon({
+            longitude: longitude.value,
+            latitude: latitude.value
+          });
+        }
+      }
+      function addIcon(options) {
+        const { longitude: longitude2, latitude: latitude2 } = options;
+        const graphic = new tudou3d2.graphic.BillboardEntity({
+          position: [longitude2, latitude2],
+          popup: () => false,
+          style: {
+            clampToGround: true,
+            image: image || iconImage,
+            scale: 0.5,
+            visibleDepth: false,
+            horizontalOrigin: window.Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: window.Cesium.VerticalOrigin.BOTTOM
+          }
+        });
+        graphicLayer.addGraphic(graphic);
+        graphic.flyTo({ minHeight: 2e3 });
+      }
+      function getHeight() {
+        if (!(typeof +longitude.value === "number" && !isNaN(+longitude.value))) {
+          console.log("经度必须为数字！");
+          return;
+        }
+        if (!(typeof +latitude.value === "number" && !isNaN(+latitude.value))) {
+          console.log("纬度必须为数字！");
+          return;
+        }
+        const positions = [
+          window.Cesium.Cartographic.fromDegrees(longitude.value, latitude.value)
+        ];
+        const promise = window.Cesium.sampleTerrainMostDetailed(map.terrainProvider, positions);
+        Promise.resolve(promise).then((updatedPositions) => {
+          elevation.value = updatedPositions[0].height.toFixed(2);
+        });
+        addIcon({ longitude: longitude.value, latitude: latitude.value });
+      }
+      function clear() {
+        longitude.value = 0;
+        latitude.value = 0;
+        elevation.value = 0;
+        graphicLayer.clear(true);
+        showCoordinates.value = false;
+        map = map3d || window.map;
+        map && map.off("click", clickDeal);
+      }
+      function showPick() {
+        map = map3d || window.map;
+        map.viewer.scene.globe.depthTestAgainstTerrain = true;
+        clearParent ? clearParent() : clear();
+        showCoordinates.value = true;
+        map && map.on("click", clickDeal);
+      }
+      function copyText(text = "") {
+        try {
+          return navigator.clipboard.writeText(text).then(() => {
+            console.log("复制成功");
+            return Promise.resolve();
+          }).catch((err) => {
+            console.error("复制失败：", err);
+            return Promise.reject(err);
+          });
+        } catch (e) {
+          let input = document.createElement("input");
+          input.style.position = "fixed";
+          input.style.top = "-10000px";
+          input.style.zIndex = "-999";
+          document.body.appendChild(input);
+          input.value = text;
+          input.focus();
+          input.select();
+          try {
+            let result = document.execCommand("copy");
+            document.body.removeChild(input);
+            if (!result) {
+              return Promise.reject("复制失败");
+            } else {
+              console.log("复制成功");
+              return Promise.resolve();
+            }
+          } catch (e2) {
+            document.body.removeChild(input);
+            return Promise.reject(
+              "当前浏览器不支持复制功能，请检查更新或更换其他浏览器操作"
+            );
+          }
+        }
+      }
+      vue.onMounted(() => {
+        map = map3d || window.map;
+        map && map.addLayer(graphicLayer);
+      });
+      vue.onUnmounted(() => {
+        map = map3d || window.map;
+        graphicLayer.clear(true);
+        map && map.removeLayer(graphicLayer, true);
+      });
+      return {
+        expandImage,
+        latitude,
+        longitude,
+        elevation,
+        showCoordinates,
+        copy,
+        clear,
+        showPick,
+        getHeight
+      };
+    }
+  });
+  const index_vue_vue_type_style_index_0_scoped_b8fc7a6b_lang = "";
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-b8fc7a6b"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1 = ["src"];
+  const _hoisted_2 = { class: "text" };
+  const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "w-50px" }, "经度:", -1));
+  const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "w-50px" }, "纬度:", -1));
+  const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "w-50px" }, "高度:", -1));
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("button", {
+      class: "measure",
+      onClick: _cache[6] || (_cache[6] = (...args) => _ctx.showPick && _ctx.showPick(...args))
+    }, [
+      vue.renderSlot(_ctx.$slots, "img", {}, () => [
+        vue.createElementVNode("img", { src: _ctx.expandImage }, null, 8, _hoisted_1)
+      ], true),
+      vue.createElementVNode("span", _hoisted_2, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createTextVNode("坐标拾取")
+        ], true)
+      ]),
+      _ctx.showCoordinates ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "coordinatesStyle",
+        onClick: _cache[5] || (_cache[5] = vue.withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        _hoisted_3,
+        vue.withDirectives(vue.createElementVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.longitude = $event),
+          class: "b-0px b-b-1px b-#000 h-25px w-80px outline-none"
+        }, null, 512), [
+          [vue.vModelText, _ctx.longitude]
+        ]),
+        _hoisted_4,
+        vue.withDirectives(vue.createElementVNode("input", {
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.latitude = $event),
+          class: "b-0px b-b-1px b-#000 h-25px w-80px outline-none"
+        }, null, 512), [
+          [vue.vModelText, _ctx.latitude]
+        ]),
+        _hoisted_5,
+        vue.withDirectives(vue.createElementVNode("input", {
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.elevation = $event),
+          class: "b-0px b-b-1px b-#000 h-25px w-80px outline-none"
+        }, null, 512), [
+          [vue.vModelText, _ctx.elevation]
+        ]),
+        vue.createElementVNode("button", {
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.getHeight && _ctx.getHeight(...args)),
+          class: "copyBtn"
+        }, "定位"),
+        vue.createElementVNode("button", {
+          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.copy && _ctx.copy(...args)),
+          class: "copyBtn"
+        }, "复制")
+      ])) : vue.createCommentVNode("", true)
+    ]);
+  }
+  const MeasureCoordinatePickingT = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b8fc7a6b"]]);
+  MeasureCoordinatePickingT.install = (app) => {
+    app.component(MeasureCoordinatePickingT.name, MeasureCoordinatePickingT);
+  };
+  const CesiumUi = {
+    install: (app) => {
+      app.component("map3dt", Map3dt);
+      app.component("zoomOut", ZoomOut);
+      app.component("zoomIn", _sfc_main$1);
+      app.component("MeasureCoordinatePickingT", MeasureCoordinatePickingT);
+    }
+  };
+  return CesiumUi;
+});

package/dist/style.css

@@ -0,0 +1,132 @@
+
+.map3d-class[data-v-b4b79245] {
+  width: 100%;
+  height: 100%;
+}
+
+*[data-v-11713398] {
+  margin: 0px;
+  padding: 0px;
+  box-sizing: border-box;
+  user-select: none;
+}
+.control[data-v-11713398] {
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
+  background-color: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  float: left;
+  margin: 2px;
+  cursor: pointer;
+  position: relative;
+  z-index: 999;
+}
+.control img[data-v-11713398] {
+  width: 24px;
+  height: 24px;
+}
+.control span[data-v-11713398] {
+  visibility: hidden;
+  background-color: #000;
+  position: absolute;
+  top: 50%;
+  left: -50px;
+  transform: translateY(-50%);
+  font-size: 14px;
+  padding: 4px;
+  border-radius: 4px;
+  color: #fff;
+}
+.control[data-v-11713398]:hover {
+  background-color: skyblue;
+}
+.control:hover span[data-v-11713398] {
+  visibility: visible;
+}
+.control span .triangle[data-v-11713398] {
+  position: absolute;
+  top: 50%;
+  right: -9px;
+  transform: translateY(-50%);
+  width: 0px;
+  height: 0px;
+  border: 5px solid #000;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #000000;
+}
+
+*[data-v-b8fc7a6b] {
+  margin: 0px;
+  padding: 0px;
+  box-sizing: border-box;
+  user-select: none;
+}
+.measure[data-v-b8fc7a6b] {
+  width: 110px;
+  height: 36px;
+  background: var(--pt-bg-color-white);
+  border: 1px solid transparent;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  margin: 2px 0px;
+  cursor:pointer;
+}
+.measure[data-v-b8fc7a6b]:hover {
+  background-color: var(--pt-bg-color-normal);
+  color:var(--pt-primary-color-normal);
+}
+.measure:hover .coordinatesStyle[data-v-b8fc7a6b] {
+  color:var(--pt-text-color-stair-light);
+}
+.measure[data-v-b8fc7a6b]:active {
+  background: var(--pt-primary-color-light);
+  border-color: var(--pt-primary-color-normal);
+}
+.measure[data-v-b8fc7a6b]:focus {
+  background: var(--pt-primary-color-light);
+  border-color: var(--pt-primary-color-normal);
+}
+.text[data-v-b8fc7a6b] {
+  margin-left: 12px;
+}
+.coordinatesStyle[data-v-b8fc7a6b] {
+  padding: 4px 10px;
+  background: #fff;
+  border-radius: 4px;
+  position: absolute;
+  top: 0px;
+  right: 500px;
+  display: flex;
+  align-items: center;
+  /* justify-content: space-between; */
+  /* width: 350px; */
+  font-size: 16px;
+}
+.copyBtn[data-v-b8fc7a6b] {
+  width:50px;
+  padding: 1px 1px;
+  margin:0px 5px;
+  background: #ccc;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  color: var(--pt-text-color-stair-light);
+}
+.copyBtn[data-v-b8fc7a6b]:hover {
+  background: var(--pt-bg-card-color-hover);
+}
+.copyBtn[data-v-b8fc7a6b]:active {
+  background: var(--pt-primary-color-light);
+  border-color: var(--pt-primary-color-normal);
+}
+.copyBtn[data-v-b8fc7a6b]:focus {
+  background: var(--pt-primary-color-light);
+  border-color: var(--pt-primary-color-normal);
+}

package/package.json

@@ -1,10 +1,20 @@
 {
   "name": "potato-map3d-ui2",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.11",
   "main": "./dist/map3d-ui2.umd.js",
   "module": "./dist/map3d-ui2.es.js",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/map3d-ui2.es.js",
+      "require": "./dist/map3d-ui2.umd.js"
+    },
+    "./*": "./*"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
-}

package/components/map3dt/index.vue.d.ts

@@ -1,22 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    mapOptions: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    mapId: {
-        type: StringConstructor[];
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    mapOptions: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    mapId: {
-        type: StringConstructor[];
-        default: string;
-    };
-}>>, {
-    mapId: string;
-}>;
-export default _sfc_main;

package/components/map3dt/useMap.d.ts

@@ -1,13 +0,0 @@
-interface InitMapItf {
-    id: string;
-    mapOptions: any;
-}
-/**
- * 地图初始化
- * @param options
- * @param {String} options.id 地图初始化id
- * @param {Object} options.mapOptions 地图初始化json参数对象
- * @returns {Map}  初始化后map对象
- */
-export declare function initMap(options: InitMapItf): any;
-export {};

package/components/zoomIn/index.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    map: {
-        type: ObjectConstructor;
-        default: null;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    map: {
-        type: ObjectConstructor;
-        default: null;
-    };
-}>>, {
-    map: Record<string, any>;
-}>;
-export default _sfc_main;

package/components/zoomOut/index.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    map: {
-        type: ObjectConstructor;
-        default: null;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    map: {
-        type: ObjectConstructor;
-        default: null;
-    };
-}>>, {
-    map: Record<string, any>;
-}>;
-export default _sfc_main;

package/env.d.ts

@@ -1,7 +0,0 @@
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
-
-  const vueComponent: DefineComponent<{}, {}, any>;
-
-  export default vueComponent;
-}

package/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-    <link rel="stylesheet" href="/Cesium/Widgets/widgets.css">
-    <link rel="stylesheet" href="/tudou3d/tudou3d-src.css">
-    <script src="/Cesium/Cesium.js"></script>
-    <script src="/tudou3d/tudou3d-src.js"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>