potato-map3d-ui2 0.0.17 → 0.0.19

package/dist/map3d-ui2.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, onMounted, openBlock, createElementBlock, unref, renderSlot, createElementVNode, normalizeClass, createTextVNode } from "vue";
+import { defineComponent, onMounted, onUnmounted, openBlock, createElementBlock, renderSlot, createElementVNode, normalizeClass, createTextVNode, ref, isRef, unref, Fragment, renderList, normalizeStyle, toDisplayString, createCommentVNode, resolveComponent, createBlock } from "vue";
 const __uno = "";
 const { tudou3d } = window;
 function initMap(options) {
@@ -6,56 +6,305 @@ function initMap(options) {
   const map = new tudou3d.Map(id, mapOptions);
   return map;
 }
-const _hoisted_1$2 = ["id"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const defaultMapIds = {
+  mainMapId: "mainMapId",
+  rollMapId: "rollMapId",
+  splitMapId: "splitMapId"
+};
+const mapConfig = {
+  // offLine: true,
+  scene: {
+    center: {
+      lat: 34.265944,
+      lng: 108.937913,
+      alt: 223552084e-1,
+      heading: 0,
+      pitch: -90
+    },
+    // cameraController: {
+    //   zoomFactor: 3.0,
+    //   minimumZoomDistance: 1000,
+    //   maximumZoomDistance: 300000000,
+    //   constrainedAxis: false, //解除在南北极区域鼠标操作限制
+    // },
+    allowTextureFilterAnisotropic: true
+  },
+  fxaa: true,
+  globe: {
+    preloadAncestors: false
+  },
+  terrain: {
+    // url: "http://mapdata0.tudoucloud.com:8084/mapdata/terrain",
+    url: "//data.mars3d.cn/terrain",
+    show: true,
+    requestVertexNormals: true
+    // subdomains: [
+    //   "mapdata1.tudoucloud.com:8084",
+    //   "mapdata2.tudoucloud.com:8084",
+    //   "mapdata3.tudoucloud.com:8084",
+    //   "mapdata4.tudoucloud.com:8084",
+    //   "mapdata5.tudoucloud.com:8084",
+    //   "mapdata6.tudoucloud.com:8084",
+    // ],
+  },
+  control: {
+    infoBox: false,
+    baseLayerPicker: true
+  },
+  basemaps: [
+    {
+      id: 1,
+      name: "天地图卫星",
+      type: "group",
+      show: true,
+      layers: [
+        {
+          type: "tdt",
+          name: "卫星",
+          layer: "img_d",
+          key: [
+            "79dbab637f181bf953e0334bfd179f3e",
+            "7dea3b9cbee02a0d5d15699a4d2cf9cb",
+            "de2d36347d44020b5bab35b48c958801",
+            "d0c7b65873a6b8961d42f656b6ef7ae7",
+            "d5ddf0de8791e734dc8a8296b90cea5e"
+          ]
+        },
+        {
+          name: "注记",
+          type: "tdt",
+          layer: "img_z",
+          key: ["de2d36347d44020b5bab35b48c958801"]
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: "天地图电子",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          type: "tdt",
+          name: "底图",
+          layer: "vec_d",
+          key: [
+            "79dbab637f181bf953e0334bfd179f3e",
+            "7dea3b9cbee02a0d5d15699a4d2cf9cb",
+            "de2d36347d44020b5bab35b48c958801",
+            "d0c7b65873a6b8961d42f656b6ef7ae7",
+            "d5ddf0de8791e734dc8a8296b90cea5e"
+          ]
+        },
+        {
+          name: "注记",
+          type: "tdt",
+          layer: "vec_z",
+          key: ["de2d36347d44020b5bab35b48c958801"]
+        }
+      ]
+    },
+    {
+      id: 3,
+      name: "天地图地形地图",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          type: "tdt",
+          name: "底图",
+          layer: "ter_d",
+          key: [
+            "79dbab637f181bf953e0334bfd179f3e",
+            "7dea3b9cbee02a0d5d15699a4d2cf9cb",
+            "de2d36347d44020b5bab35b48c958801",
+            "d0c7b65873a6b8961d42f656b6ef7ae7",
+            "d5ddf0de8791e734dc8a8296b90cea5e"
+          ]
+        },
+        {
+          name: "注记",
+          type: "tdt",
+          layer: "ter_z",
+          key: ["de2d36347d44020b5bab35b48c958801"]
+        }
+      ]
+    },
+    {
+      id: 7,
+      name: "天地图",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          type: "tdt",
+          name: "底图",
+          layer: "ter_d",
+          key: [
+            "79dbab637f181bf953e0334bfd179f3e",
+            "7dea3b9cbee02a0d5d15699a4d2cf9cb",
+            "de2d36347d44020b5bab35b48c958801",
+            "d0c7b65873a6b8961d42f656b6ef7ae7",
+            "d5ddf0de8791e734dc8a8296b90cea5e"
+          ]
+        },
+        {
+          name: "注记",
+          type: "tdt",
+          layer: "ter_z",
+          key: ["de2d36347d44020b5bab35b48c958801"]
+        }
+      ]
+    },
+    {
+      id: 4,
+      name: "离线天地图卫星",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          url: "http://mapdata{s}.tudoucloud.com:8084/mapdata/maptile/wgs3857imgD/{z}/{x}/{y}.jpg",
+          type: "xyz",
+          name: "卫星",
+          minimumLevel: 3,
+          maximumLevel: 16,
+          minimumTerrainLevel: 3,
+          maximumTerrainLevel: 18,
+          subdomains: ["1", "2", "3", "4", "5", "6"]
+        }
+      ]
+    },
+    {
+      id: 5,
+      name: "离线天地图电子",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          url: "http://mapdata{s}.tudoucloud.com:8084/mapdata/maptile/wgs3857img/{z}/{x}/{y}.jpg",
+          type: "xyz",
+          name: "电子",
+          minimumLevel: 1,
+          maximumLevel: 13,
+          minimumTerrainLevel: 1,
+          maximumTerrainLevel: 16,
+          subdomains: ["1", "2", "3", "4", "5", "6"]
+        },
+        {
+          url: "http://mapdata{s}.tudoucloud.com:8084/mapdata/maptile/wgs3857imgZ/{z}/{x}/{y}.png",
+          type: "xyz",
+          name: "注记",
+          minimumLevel: 1,
+          maximumLevel: 13,
+          minimumTerrainLevel: 1,
+          maximumTerrainLevel: 16,
+          subdomains: ["1", "2", "3", "4", "5", "6"]
+        }
+      ]
+    },
+    {
+      id: 6,
+      name: "离线天地图地形地图",
+      type: "group",
+      show: false,
+      layers: [
+        {
+          url: "http://mapdata{s}.tudoucloud.com:8084/mapdata/maptile/wgs3857vec/{z}/{x}/{y}.jpg",
+          type: "xyz",
+          name: "电子",
+          minimumLevel: 1,
+          maximumLevel: 13,
+          minimumTerrainLevel: 1,
+          maximumTerrainLevel: 16,
+          subdomains: ["1", "2", "3", "4", "5", "6"]
+        },
+        {
+          type: "xyz",
+          name: "注记",
+          minimumLevel: 1,
+          maximumLevel: 13,
+          minimumTerrainLevel: 1,
+          maximumTerrainLevel: 16
+        }
+      ]
+    }
+  ]
+};
+const { mainMapId } = defaultMapIds;
+const mapsObject = {};
+function setMap(options) {
+  const { mapId, map } = options;
+  const key = mapId || mainMapId;
+  mapsObject[key] = map;
+  window.mapsObject = mapsObject;
+}
+function getMap(options) {
+  const { mapId } = options;
+  const key = mapId || mainMapId;
+  const map = mapsObject[key];
+  if (!map) {
+    console.log(`当前mapId:${mapId}的map对象不存在`);
+  }
+  return map;
+}
+function removeMap(options) {
+  const { mapId } = options;
+  const key = mapId || mainMapId;
+  const map = mapsObject[key];
+  if (map) {
+    map.destroy();
+    delete mapsObject[key];
+  } else {
+    console.log(`mapId为${mapId}的map对象已删除`);
+  }
+}
+const _hoisted_1$9 = ["id"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     mapOptions: {
       type: Object,
-      required: true
+      default: null
     },
     mapId: {
-      type: [String],
-      default: "map3d"
+      type: String,
+      default: defaultMapIds.mainMapId
     }
   },
-  setup(__props) {
+  emits: ["onInitMap"],
+  setup(__props, { emit }) {
     const props = __props;
-    const { mapOptions, mapId } = toRefs(props);
+    const { mapOptions } = props;
     onMounted(() => {
-      window.map = initMap({
-        id: mapId.value,
-        mapOptions: mapOptions.value
+      const map = initMap({
+        id: `${props.mapId}-map`,
+        mapOptions: mapOptions || mapConfig
       });
+      setMap({ mapId: props.mapId, map });
+      emit("onInitMap", map);
+    });
+    onUnmounted(() => {
+      removeMap({ mapId: props.mapId });
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "map3d-class",
-        id: unref(mapId)
-      }, null, 8, _hoisted_1$2);
+        class: "w-100% h-100%",
+        id: `${__props.mapId}-map`
+      }, null, 8, _hoisted_1$9);
     };
   }
 });
-const index_vue_vue_type_style_index_0_scoped_914d176b_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$2, [["__scopeId", "data-v-914d176b"]]);
-const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
-const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0$1,
-  class: "w-24px h-24px"
+const _imports_0$7 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00MzAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvue8qeWwjyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0IDEzIDQgMTEgMjAgMTEgMjAgMTMiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
+const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$7,
+  class: "m-control-img"
 }, null, -1);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    map: {
-      type: Object,
-      default: null
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
     },
     placement: {
       type: String,
@@ -64,49 +313,48 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { map } = 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);
+      const map = getMap({ mapId: props.mapId });
+      if (map) {
+        const height = map.viewer.camera.positionCartographic.height / 10;
+        map.viewer.camera.zoomOut(height);
       } else {
         console.log("没有map对象");
       }
     }
     return (_ctx, _cache) => {
       return openBlock(), 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",
+        class: "m-control",
         onClick: zoomOut
       }, [
         renderSlot(_ctx.$slots, "img", {}, () => [
-          _hoisted_1$1
+          _hoisted_1$8
         ]),
         createElementVNode("span", {
-          class: normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
+          class: normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode("缩小")
           ]),
           createElementVNode("div", {
-            class: normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
+            class: normalizeClass(["m-control-triangle", __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"])
           }, null, 2)
         ], 2)
       ]);
     };
   }
 });
-const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0,
-  class: "w-24px h-24px"
+const _imports_0$6 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zOTguMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaUvuWkpyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xNDI4NTcyIDEzLjE0Mjg1NzIgMTMuMTQyODU3MiAyMCAxMC44NTcxNDI4IDIwIDEwLjg1NzE0MjggMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgNCAxMC44NTcxNDI4IDEwLjg1NzE0MjggMTAuODU3MTQyOCAxMC44NTcxNDI4IDQgMTMuMTQyODU3MiA0IDEzLjE0Mjg1NzIgMTAuODU3MTQyOCAyMCAxMC44NTcxNDI4IDIwIDEzLjE0Mjg1NzIiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
+const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$6,
+  class: "m-control-img"
 }, null, -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    map: {
-      type: Object,
-      default: null
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
     },
     placement: {
       type: String,
@@ -115,43 +363,583 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { map } = 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);
+      const map = getMap({ mapId: props.mapId });
+      if (map) {
+        const height = map.viewer.camera.positionCartographic.height / 10;
+        map.viewer.camera.zoomIn(height);
       } else {
         console.log("没有map对象");
       }
     }
     return (_ctx, _cache) => {
       return openBlock(), 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",
+        class: "m-control",
         onClick: zoomIn
       }, [
         renderSlot(_ctx.$slots, "img", {}, () => [
-          _hoisted_1
+          _hoisted_1$7
         ]),
         createElementVNode("span", {
-          class: normalizeClass(["invisible group-hover:visible w-max bg-#000 absolute top-50% translate-y--50% text-14px p-4px rd-4px c-#fff lh-16px", __props.placement === "left" ? "right-150% " : "left-150%"])
+          class: normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode("放大")
           ]),
           createElementVNode("div", {
-            class: normalizeClass(["absolute top-50% translate-y--50% w-0px h-0px b-5px b-solid b-transparent", __props.placement === "left" ? "right--10px b-l-#000 " : "left--10px b-r-#000"])
+            class: normalizeClass(["m-control-triangle", __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"])
           }, null, 2)
         ], 2)
       ]);
     };
   }
 });
+const index = "";
+const _hoisted_1$6 = { class: "m-control" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        renderSlot(_ctx.$slots, "img"),
+        createElementVNode("span", {
+          class: normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
+        }, [
+          renderSlot(_ctx.$slots, "default"),
+          createElementVNode("div", {
+            class: normalizeClass(["m-control-triangle", __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _imports_0$5 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i6aG16Z2iIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pWw5o2u5qCH5rOoLeS6pOS6kiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTcuMDAwMDAwLCAtNTA1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTjlpIfku70tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxMy4wMDAwMDAsIDM0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAxNjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hOWkh+S7vS0yMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS44MDAwMDAsIDUuNzAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjkxNjAxOTE2LDkuODE0NzcwMTIgQzUuMDU0NDAwMzUsOS42NzY0MzI3OCA1LjI2OTE0ODI1LDkuNjU5MTQwNjIgNS40MjY2MjExMiw5Ljc2Mjg5MzYyIEw1LjQ5MDIxMzI0LDkuODE0NzcwMTIgTDYuMTg0ODAzODUsMTAuNTA5MTQwNiBDNi4zMjMyMjIxOCwxMC42NDc1MTUgNi4zNDA1MjQ0NywxMC44NjIzMDA5IDYuMjM2NjkxOTcsMTEuMDE5Nzk2OSBMNi4xODQ3NzU4NiwxMS4wODMzOTc5IEwzLjIxODk2NTQ0LDE0LjA0NjY1MzYgTDQuMTk4ODcxMDQsMTUuMDI1OTY1MiBDNC4zMjAzNDU2NCwxNS4xNDczODI4IDQuMzQzNDA3ODcsMTUuMzI2NzIwOCA0LjIyNDcwNzMyLDE1LjQ1NTY2MjMgTDQuMTY1MDI5OTIsMTUuNTA3NTIxNyBMNC4wODcyMzU0OSwxNS41NTEzMTUzIEw0LjAxMTQ2OTM5LDE1LjU2ODg2OTYgTDAuNTcyMzk4NDk4LDE1Ljk5MTgzOSBDMC4zNjA2OTk1MjYsMTYuMDE1ODg0NCAwLjE1MTE5ODY5MywxNS45OTMzNDc5IDAuMDU5MzY4MTAyNCwxNS44MzQ4MDU4IEMwLjAyNjU2ODc4LDE1Ljc3ODE3OSAwLjAxMDI1NjAxMjgsMTUuNzA5MDg4OCAwLjAwNDk4MzkyNjI3LDE1LjYyNzAwMTggTDAuMDAzMTkwMzY3NDcsMTUuNTQwNTYyOSBMMC4wMDg2OTQ3MjYxMSwxNS40NTk0NTk1IEwwLjQzNTMwMjIsMTEuOTk2NzIyOSBDMC40NTc4NzI2NjQsMTEuNzk4MTk2MSAwLjYyNDMyMTkwMSwxMS42NTY3MzA2IDAuODQxOTg5MTgyLDExLjcyNjIwOTEgTDAuOTE2MzE0ODAxLDExLjc1NzM5MjUgTDAuOTc4NTI1NDc1LDExLjgwNzEzMSBMMS45NTAwODE3NywxMi43Nzg3MzkyIEw0LjkxNjAxOTE2LDkuODE0NzcwMTIgWiBNMTAuNjM4OTg3NSw5Ljk2NjE1MTI2IEMxMC43NzU2MjcxLDkuODI5NDQ1MTIgMTAuOTg3NzExOCw5LjgxMjM1Njg1IDExLjE0MzIxMjcsOS45MTQ4ODY0NiBMMTEuMjA2MDA2Nyw5Ljk2NjE1MTI2IEwxMy45OTgxNzU5LDEyLjc1ODM4MjggTDE1LjAxNjUxNywxMS43NDIwMjQyIEMxNS4xMzg1NjksMTEuNjIwMTE5IDE1LjMxODQwNDYsMTEuNTk2OTYzNiAxNS40NDc3NjE5LDExLjcxNTkzNTYgTDE1LjQ5OTc5NDYsMTEuNzc1NzUxNyBMMTUuNTQzNzUyNSwxMS44NTM3Mjk5IEwxNS41NjE1MjQsMTEuOTMwMjI3OSBMMTUuOTkxNzYxOSwxNS40MjI1NTA4IEMxNi4wMTYwMzQ0LDE1LjYzNTg5MjIgMTUuOTkzMTksMTUuODQ3ODk5OSAxNS44MzM5MzM1LDE1LjkzOTk5MDIgQzE1Ljc3Njk4NTYsMTUuOTcyOTIwNCAxNS43MDcyNTQ1LDE1Ljk4OTMzNSAxNS42MjQzOTkzLDE1Ljk5NDY0NDggTDE1LjUzNzE1NjgsMTUuOTk2NDUzNSBMMTUuNDU0OTMyNCwxNS45OTA4ODkyIEwxMS45MzI2MTkxLDE1LjU1NzY2NzEgQzExLjczMzA0MzIsMTUuNTM1MDE1MyAxMS41OTA5MDMxLDE1LjM2ODA2NDMgMTEuNjYwNzU4MiwxNS4xNDk2MjA1IEwxMS42OTIxMDY5LDE1LjA3NTAyNjEgTDExLjc0MjE5MzEsMTUuMDEyNDEyNSBMMTIuNzU3NDAzNCwxMy45OTYyNDcyIEw5Ljk2NjMzNDU1LDExLjIwNjA5MzEgQzkuODQ5MjYzNjksMTEuMDg4OTY1MyA5LjgxOTk5NTk4LDEwLjkxNjQ1OTIgOS44Nzg1MzE0MSwxMC43NzE2NDIyIEw5LjkxNTExNjA1LDEwLjcwMTkyNTggTDkuOTY2MzM0NTUsMTAuNjM5MTMxNiBMMTAuNjM4OTg3NSw5Ljk2NjE1MTI2IFogTTAuNDU4ODA0NTc1LDAuMDAzMjAwNDA2MjkgTDAuNTM5ODk3OTYzLDAuMDA4NzA0MjQyOTYgTDQuMDAyMTAxOTgsMC40MzUyNTM0MjcgQzQuMjAwNjE5NDgsMC40NTc4MjMyMTMgNC4zNDIwNzg2NCwwLjYyNDI2ODAyMiA0LjI3MjYwMzcyLDAuODQxOTI4MjY2IEw0LjI0MTQyMTk3LDAuOTE2MjUxNDQ0IEw0LjE5MTY4NjY3LDAuOTc4NDU4NTQgTDMuMDU3MDgzNDEsMi4xMTEwMDQ0NyBMNi4wMzE0NTUxMSw0Ljk3NzY3NzU4IEM2LjE1MTc0MjE3LDUuMDkzNjI1NzMgNi4xODE4MTM5NCw1LjI2NjU0NzA5IDYuMTIxNjcwNDEsNS40MTA5ODE4NSBMNi4wODQwODA3LDUuNDgwNDI5NyBMNi4wMzE0NTUxMSw1LjU0Mjc1NTg5IEw1LjM1ODgxOTQxLDYuMTkxMTI4NzYgQzUuMjIyODY0MzYsNi4zMjIxNzk3MyA1LjAxNDU5ODI0LDYuMzM4NTYxMSA0Ljg2MDU2NDIyLDYuMjQwMjcxNzEgTDQuNzk4MjM4OSw2LjE5MTEyNzAyIEwxLjgzNDcyODcsMy4zMzQzMjg1MyBMMC45NzMzNDg0MDIsNC4xOTgzNjMxNiBDMC44NTE5MzY0Niw0LjMxOTgzNDIgMC42NzI2MDI2NzEsNC4zNDI4OTU2NCAwLjU0MzY2NDg2Myw0LjIyNDE5NzM5IEwwLjQ5MTgwNzA2NSw0LjE2NDUyMTE3IEwwLjQ0ODAxNDk3Nyw0LjA4NjcyODMgTDAuNDMwNDYyNjIzLDQuMDEwOTY4NzIgTDAuMDA3NTU4MTM4OSwwLjU3MjM2NzA5OSBDLTAuMDE1NTc4Njk2OCwwLjM2ODY2Mzg1NCAwLjAwODM4NTc5NzQyLDAuMTU0Nzk2NTMgMC4xNjQ1ODQwNTUsMC4wNTkzNzU3NTA4IEMwLjIwMjE1ODI1MiwwLjAzNzYxMTY4MDggMC4yNDI4ODIxOTUsMC4wMjM4OTI2NjgxIDAuMjkxNjIzNTMxLDAuMDE1MDQ3NjgyNiBMMC4zNzEzNTcwMzYsMC4wMDUwMzkzNDU5NCBMMC40NTg4MDQ1NzUsMC4wMDMyMDA0MDYyOSBaIE0xNS40MjgzOTE5LDAuMDA3MzM5NjAyNjEgQzE1LjYwMjYyMSwtMC4wMTE3NDQ5OTU1IDE1Ljc4MjA4NDgsMC4wMDIyMzI0NzM3MyAxNS44ODg0OTYzLDAuMDk5MTkyMzAzOSBMMTUuOTM1MjUxOSwwLjE1NDgxODUyOCBMMTUuOTY1NTA4MywwLjIxODMxMDc3NCBDMTUuOTgxODMxMywwLjI2MjgyOTIwMyAxNS45OTA4MDYyLDAuMzExODc1NzUyIDE1Ljk5NDUyMDYsMC4zNjYzMzU5NCBMMTUuOTk2NDA3NywwLjQ1MjE5NzE0MyBMMTUuOTkwODA2MiwwLjUzMTQwOTE5NyBMMTUuNTY0NDk1MiwzLjg2ODQ4MDUxIEMxNS41NDEzMjgzLDQuMDY0OTk2IDE1LjM3NTAyNDcsNC4yMDE3ODE5MSAxNS4xNjAyODMsNC4xMzYyMDk5OSBMMTUuMDg3MDM4Myw0LjEwNjY2MjMgTDE1LjAyNDc2Myw0LjA1ODY1MDU4IEwxNC4wODQ0NDgzLDMuMTU0MDI4NzkgTDExLjIwNTU3MjQsNi4wMzU1MTAxNSBDMTEuMDg4NDM4MSw2LjE1MjU4OTU3IDEwLjkxNTkyMTMsNi4xODE4NTk0MyAxMC43NzEwOTU3LDYuMTIzMzE5NzIgTDEwLjcwMTM3NTEsNi4wODY3MzI0IEwxMC42Mzg1NzczLDYuMDM1NTEwMTUgTDkuOTY1NTA1MSw1LjM2Mjc1MzgzIEM5LjgyODc5MzMyLDUuMjI2MTA2MjIgOS44MTE3MDQzNSw1LjAxNDAxMDM3IDkuOTE0MTkzNTQsNC44NTg1NDUzMyBMOS45NjU0Mzg0Niw0Ljc5NTc2OTcyIEwxMi44MjMzMTk1LDEuOTM2NTIwODUgTDExLjgwNjM1MDgsMC45NTYzMzA2OTkgQzExLjY4MTU1MjUsMC44MzYwMzQwNjkgMTEuNjU3OTUzNywwLjY1NDgyMzg1NCAxMS43Nzc5MjA0LDAuNTI2MzA5MTEgTDExLjgzODI0OCwwLjQ3NDc4ODgzOCBMMTEuOTE2ODk2LDAuNDMxNzA4NDAzIEwxMS45OTE2MjYyLDAuNDE0OTcwMzU3IEwxNS40MjgzOTE5LDAuMDA3MzM5NjAyNjEgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$5,
+  class: "m-control-img"
+}, null, -1);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function fullScreen() {
+      const map = getMap({ mapId: props.mapId });
+      const element = document.getElementById(map.container.id);
+      if (document.fullscreenElement) {
+        if (document.exitFullscreen) {
+          document.exitFullscreen();
+        }
+        return;
+      }
+      if (element == null ? void 0 : element.requestFullscreen) {
+        element.requestFullscreen();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "m-control",
+        onClick: fullScreen
+      }, [
+        renderSlot(_ctx.$slots, "img", {}, () => [
+          _hoisted_1$5
+        ]),
+        createElementVNode("span", {
+          class: normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode("全屏")
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["m-control-triangle", __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _imports_0$4 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1Ny4wMDAwMDAsIC0zMDIuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTEuMDAwMDAwLCAyOTYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuWIneWni+inhuinkiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNDkwMTk2MDcsNCBMNy4yOTQxMTc2NSw0IEM1LjQyNzQ1MDk5LDQgNCw1LjQyNzQ1MDk5IDQsNy4yOTQxMTc2NSBMNCw5LjQ5MDE5NjA3IEM0LDEwLjE0OTAxOTYgNC40MzkyMTU2OSwxMC41ODgyMzUzIDUuMDk4MDM5MjIsMTAuNTg4MjM1MyBDNS43NTY4NjI3NCwxMC41ODgyMzUzIDYuMTk2MDc4NDQsMTAuMTQ5MDE5NiA2LjE5NjA3ODQ0LDkuNDkwMTk2MDcgTDYuMTk2MDc4NDQsNy4yOTQxMTc2NSBDNi4xOTYwNzg0NCw2LjYzNTI5NDEzIDYuNjM1Mjk0MTMsNi4xOTYwNzg0NCA3LjI5NDExNzY1LDYuMTk2MDc4NDQgTDkuNDkwMTk2MDcsNi4xOTYwNzg0NCBDMTAuMTQ5MDE5Niw2LjE5NjA3ODQ0IDEwLjU4ODIzNTMsNS43NTY4NjI3NCAxMC41ODgyMzUzLDUuMDk4MDM5MjIgQzEwLjU4ODIzNTMsNC40MzkyMTU2OSAxMC4xNDkwMTk2LDQgOS40OTAxOTYwNyw0IFogTTkuNDkwMTk2MDcsMTcuODAzOTIxNiBMNy4yOTQxMTc2NSwxNy44MDM5MjE2IEM2LjYzNTI5NDEzLDE3LjgwMzkyMTYgNi4xOTYwNzg0NCwxNy4zNjQ3MDU5IDYuMTk2MDc4NDQsMTYuNzA1ODgyMyBMNi4xOTYwNzg0NCwxNC41MDk4MDM5IEM2LjE5NjA3ODQ0LDEzLjg1MDk4MDQgNS43NTY4NjI3NCwxMy40MTE3NjQ3IDUuMDk4MDM5MjIsMTMuNDExNzY0NyBDNC40MzkyMTU2OSwxMy40MTE3NjQ3IDQsMTMuODUwOTgwNCA0LDE0LjUwOTgwMzkgTDQsMTYuNzA1ODgyMyBDNCwxOC41NzI1NDkgNS40Mjc0NTA5OSwyMCA3LjI5NDExNzY1LDIwIEw5LjQ5MDE5NjA3LDIwIEMxMC4xNDkwMTk2LDIwIDEwLjU4ODIzNTMsMTkuNTYwNzg0MyAxMC41ODgyMzUzLDE4LjkwMTk2MDggQzEwLjU4ODIzNTMsMTguMjQzMTM3MyAxMC4xNDkwMTk2LDE3LjgwMzkyMTYgOS40OTAxOTYwNywxNy44MDM5MjE2IEw5LjQ5MDE5NjA3LDE3LjgwMzkyMTYgWiBNMTguOTAxOTYwOCwxMy40MTE3NjQ3IEMxOC4yNDMxMzczLDEzLjQxMTc2NDcgMTcuODAzOTIxNiwxMy44NTA5ODA0IDE3LjgwMzkyMTYsMTQuNTA5ODAzOSBMMTcuODAzOTIxNiwxNi43MDU4ODIzIEMxNy44MDM5MjE2LDE3LjM2NDcwNTkgMTcuMzY0NzA1OSwxNy44MDM5MjE2IDE2LjcwNTg4MjMsMTcuODAzOTIxNiBMMTQuNTA5ODAzOSwxNy44MDM5MjE2IEMxMy44NTA5ODA0LDE3LjgwMzkyMTYgMTMuNDExNzY0NywxOC4yNDMxMzczIDEzLjQxMTc2NDcsMTguOTAxOTYwOCBDMTMuNDExNzY0NywxOS41NjA3ODQzIDEzLjg1MDk4MDQsMjAgMTQuNTA5ODAzOSwyMCBMMTYuNzA1ODgyMywyMCBDMTguNTcyNTQ5LDIwIDIwLDE4LjU3MjU0OSAyMCwxNi43MDU4ODIzIEwyMCwxNC41MDk4MDM5IEMyMCwxMy44NTA5ODA0IDE5LjU2MDc4NDMsMTMuNDExNzY0NyAxOC45MDE5NjA4LDEzLjQxMTc2NDcgTDE4LjkwMTk2MDgsMTMuNDExNzY0NyBaIE0xNC41MDk4MDM5LDQgQzEzLjg1MDk4MDQsNCAxMy40MTE3NjQ3LDQuNDM5MjE1NjkgMTMuNDExNzY0Nyw1LjA5ODAzOTIyIEMxMy40MTE3NjQ3LDUuNzU2ODYyNzQgMTMuODUwOTgwNCw2LjE5NjA3ODQ0IDE0LjUwOTgwMzksNi4xOTYwNzg0NCBMMTYuNzA1ODgyMyw2LjE5NjA3ODQ0IEMxNy4zNjQ3MDU5LDYuMTk2MDc4NDQgMTcuODAzOTIxNiw2LjYzNTI5NDEzIDE3LjgwMzkyMTYsNy4yOTQxMTc2NSBMMTcuODAzOTIxNiw5LjQ5MDE5NjA3IEMxNy44MDM5MjE2LDEwLjE0OTAxOTYgMTguMjQzMTM3MywxMC41ODgyMzUzIDE4LjkwMTk2MDgsMTAuNTg4MjM1MyBDMTkuNTYwNzg0MywxMC41ODgyMzUzIDIwLDEwLjE0OTAxOTYgMjAsOS40OTAxOTYwNyBMMjAsNy4yOTQxMTc2NSBDMjAsNS40Mjc0NTA5OSAxOC41NzI1NDksNCAxNi43MDU4ODIzLDQgTDE0LjUwOTgwMzksNCBaIE0xMiwxNCBDMTMuMTA0NTY5NSwxNCAxNCwxMy4xMDQ1Njk1IDE0LDEyIEMxNCwxMC44OTU0MzA1IDEzLjEwNDU2OTUsMTAgMTIsMTAgQzEwLjg5NTQzMDUsMTAgMTAsMTAuODk1NDMwNSAxMCwxMiBDMTAsMTMuMTA0NTY5NSAxMC44OTU0MzA1LDE0IDEyLDE0IFoiIGlkPSLlvaLnirYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==";
+const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$4,
+  class: "m-control-img"
+}, null, -1);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function reset() {
+      const map = getMap({ mapId: props.mapId });
+      map.flyHome();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "m-control",
+        onClick: reset
+      }, [
+        renderSlot(_ctx.$slots, "img", {}, () => [
+          _hoisted_1$4
+        ]),
+        createElementVNode("span", {
+          class: normalizeClass([
+            "m-control-text",
+            __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode("全屏")
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "m-control-triangle",
+              __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+            ])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _imports_0$3 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI0IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC0zMzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Iuato+WMlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCA4Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5Z2Q5qCHLeWvvOiIqi0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS45NDIzODgsIDE1LjIzNTI4MSkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTEuOTQyMzg4LCAtMTUuMjM1MjgxKSB0cmFuc2xhdGUoNS42OTIzODgsIDguOTg1MjgxKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjMzMzQzODkxOCw2LjY2MTY5MDIxIEMtMC4wODA4MDQ1MTEyLDYuNTIwOTQ1NTUgLTAuMTE4NTIyNjMzLDUuOTUxNDIwNjEgMC4yNzM0MTc4OTgsNS43NTczMjM4OSBMMTEuNzg3Mjg2MSwwLjA1MzIzNzA1ODcgQzEyLjIwODc0NTIsLTAuMTU1NTg4NzU3IDEyLjY1NTQ1OSwwLjI4ODkwMjU1IDEyLjQ0NzE4OTQsMC43MTAxNTQ2MTYgTDYuNzU3MzI3OTIsMTIuMjI2MDE0MyBDNi41NjM4MTc1MiwxMi42MTc0ODA5IDUuOTkzNDUzODYsMTIuNTgxNDc2NCA1Ljg1MTEwODkyLDEyLjE2OTA2MTggTDQuNDI5OTU1NDgsOC4wNTQ3MzUxMSBMMC4zMzM0Mzg5MTgsNi42NjEzNjI4OSBMMC4zMzM0Mzg5MTgsNi42NjE2OTAyMSBaIiBpZD0i6Lev5b6EIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjU5NzY1NiwgMy4yNzM0MzgpIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDAgMS42NTIzNDM3NSAwIDMuODA4NTkzNzUgMy4xNjc5Njg3NSAzLjgwODU5Mzc1IDAgNS40NzY1NjI1IDAgNS40NzY1NjI1IDUuNzI2NTYyNSAzLjgwODU5Mzc1IDUuNzI2NTYyNSAxLjY2NDA2MjUgMi41ODIwMzEyNSAxLjY2NDA2MjUgNS43MjY1NjI1IDAgNS43MjY1NjI1Ij48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
+const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$3,
+  class: "m-control-img"
+}, null, -1);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function faceNorth() {
+      const { Cesium } = window;
+      const map = getMap({ mapId: props.mapId });
+      const cameraView = map.getCameraView();
+      if (cameraView.heading) {
+        const { lng, lat, alt } = cameraView;
+        const center = getMapCurrentPoint2(map);
+        const extentCenterPoint = Cesium.Cartesian3.fromDegrees(lng, lat, alt);
+        const lookAtPoint = Cesium.Cartesian3.fromDegrees(
+          center[0],
+          center[1],
+          alt
+        );
+        const distance = Cesium.Cartesian3.distance(extentCenterPoint, lookAtPoint);
+        const resultPoint = window.tudou3d.PointUtil.getPositionByDirectionAndLen(
+          lookAtPoint,
+          90,
+          distance
+        );
+        const cartographic = Cesium.Cartographic.fromCartesian(resultPoint);
+        const longitude = Cesium.Math.toDegrees(cartographic.longitude);
+        const latitude = Cesium.Math.toDegrees(cartographic.latitude);
+        cameraView.lng = longitude;
+        cameraView.lat = latitude;
+        cameraView.heading = 0;
+        map.setCameraView(cameraView);
+      }
+    }
+    function getMapCurrentPoint2(map) {
+      const { Cesium } = window;
+      let centerResult = map.camera.pickEllipsoid(
+        new Cesium.Cartesian2(
+          map.viewer.canvas.clientWidth / 2,
+          map.viewer.canvas.clientHeight / 2
+        )
+      );
+      let curPosition = Cesium.Ellipsoid.WGS84.cartesianToCartographic(centerResult);
+      let curLongitude = curPosition.longitude * 180 / Math.PI;
+      let curLatitude = curPosition.latitude * 180 / Math.PI;
+      return [curLongitude, curLatitude];
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "m-control",
+        onClick: faceNorth
+      }, [
+        renderSlot(_ctx.$slots, "img", {}, () => [
+          _hoisted_1$3
+        ]),
+        createElementVNode("span", {
+          class: normalizeClass([
+            "m-control-text",
+            __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode("正北")
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "m-control-triangle",
+              __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+            ])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _imports_0$2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLkuInnu7TlupMt5oyJ57uE5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IuW3peWFty3lnLDlm77mjqfliLYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NTcuMDAwMDAwLCAtMzMxLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaOp+WItuWxleW8gCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUxLjAwMDAwMCwgMjYxLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLmraPop4YiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDAwMDAwLCA3MC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS44MDM5MjE1Niw1IEw3Ljg4MjM1Mjk1LDUgQzYuMjQ5MDE5NjEsNSA1LDYuMjQ5MDE5NjEgNSw3Ljg4MjM1Mjk1IEw1LDkuODAzOTIxNTYgQzUsMTAuMzgwMzkyMSA1LjM4NDMxMzczLDEwLjc2NDcwNTkgNS45NjA3ODQzMiwxMC43NjQ3MDU5IEM2LjUzNzI1NDksMTAuNzY0NzA1OSA2LjkyMTU2ODYzLDEwLjM4MDM5MjEgNi45MjE1Njg2Myw5LjgwMzkyMTU2IEw2LjkyMTU2ODYzLDcuODgyMzUyOTUgQzYuOTIxNTY4NjMsNy4zMDU4ODIzNiA3LjMwNTg4MjM2LDYuOTIxNTY4NjMgNy44ODIzNTI5NSw2LjkyMTU2ODYzIEw5LjgwMzkyMTU2LDYuOTIxNTY4NjMgQzEwLjM4MDM5MjEsNi45MjE1Njg2MyAxMC43NjQ3MDU5LDYuNTM3MjU0OSAxMC43NjQ3MDU5LDUuOTYwNzg0MzIgQzEwLjc2NDcwNTksNS4zODQzMTM3MyAxMC4zODAzOTIxLDUgOS44MDM5MjE1Niw1IFogTTkuODAzOTIxNTYsMTcuMDc4NDMxNCBMNy44ODIzNTI5NSwxNy4wNzg0MzE0IEM3LjMwNTg4MjM2LDE3LjA3ODQzMTQgNi45MjE1Njg2MywxNi42OTQxMTc2IDYuOTIxNTY4NjMsMTYuMTE3NjQ3IEw2LjkyMTU2ODYzLDE0LjE5NjA3ODQgQzYuOTIxNTY4NjMsMTMuNjE5NjA3OSA2LjUzNzI1NDksMTMuMjM1Mjk0MSA1Ljk2MDc4NDMyLDEzLjIzNTI5NDEgQzUuMzg0MzEzNzMsMTMuMjM1Mjk0MSA1LDEzLjYxOTYwNzkgNSwxNC4xOTYwNzg0IEw1LDE2LjExNzY0NyBDNSwxNy43NTA5ODA0IDYuMjQ5MDE5NjEsMTkgNy44ODIzNTI5NSwxOSBMOS44MDM5MjE1NiwxOSBDMTAuMzgwMzkyMSwxOSAxMC43NjQ3MDU5LDE4LjYxNTY4NjMgMTAuNzY0NzA1OSwxOC4wMzkyMTU3IEMxMC43NjQ3MDU5LDE3LjQ2Mjc0NTEgMTAuMzgwMzkyMSwxNy4wNzg0MzE0IDkuODAzOTIxNTYsMTcuMDc4NDMxNCBMOS44MDM5MjE1NiwxNy4wNzg0MzE0IFogTTE4LjAzOTIxNTcsMTMuMjM1Mjk0MSBDMTcuNDYyNzQ1MSwxMy4yMzUyOTQxIDE3LjA3ODQzMTQsMTMuNjE5NjA3OSAxNy4wNzg0MzE0LDE0LjE5NjA3ODQgTDE3LjA3ODQzMTQsMTYuMTE3NjQ3IEMxNy4wNzg0MzE0LDE2LjY5NDExNzYgMTYuNjk0MTE3NiwxNy4wNzg0MzE0IDE2LjExNzY0NywxNy4wNzg0MzE0IEwxNC4xOTYwNzg0LDE3LjA3ODQzMTQgQzEzLjYxOTYwNzksMTcuMDc4NDMxNCAxMy4yMzUyOTQxLDE3LjQ2Mjc0NTEgMTMuMjM1Mjk0MSwxOC4wMzkyMTU3IEMxMy4yMzUyOTQxLDE4LjYxNTY4NjMgMTMuNjE5NjA3OSwxOSAxNC4xOTYwNzg0LDE5IEwxNi4xMTc2NDcsMTkgQzE3Ljc1MDk4MDQsMTkgMTksMTcuNzUwOTgwNCAxOSwxNi4xMTc2NDcgTDE5LDE0LjE5NjA3ODQgQzE5LDEzLjYxOTYwNzkgMTguNjE1Njg2MywxMy4yMzUyOTQxIDE4LjAzOTIxNTcsMTMuMjM1Mjk0MSBMMTguMDM5MjE1NywxMy4yMzUyOTQxIFogTTE2LjExNzY0Nyw1IEwxNC4xOTYwNzg0LDUgQzEzLjYxOTYwNzksNSAxMy4yMzUyOTQxLDUuMzg0MzEzNzMgMTMuMjM1Mjk0MSw1Ljk2MDc4NDMyIEMxMy4yMzUyOTQxLDYuNTM3MjU0OSAxMy42MTk2MDc5LDYuOTIxNTY4NjMgMTQuMTk2MDc4NCw2LjkyMTU2ODYzIEwxNi4xMTc2NDcsNi45MjE1Njg2MyBDMTYuNjk0MTE3Niw2LjkyMTU2ODYzIDE3LjA3ODQzMTQsNy4zMDU4ODIzNiAxNy4wNzg0MzE0LDcuODgyMzUyOTUgTDE3LjA3ODQzMTQsOS44MDM5MjE1NiBDMTcuMDc4NDMxNCwxMC4zODAzOTIxIDE3LjQ2Mjc0NTEsMTAuNzY0NzA1OSAxOC4wMzkyMTU3LDEwLjc2NDcwNTkgQzE4LjYxNTY4NjMsMTAuNzY0NzA1OSAxOSwxMC4zODAzOTIxIDE5LDkuODAzOTIxNTYgTDE5LDcuODgyMzUyOTUgQzE5LDYuMjQ5MDE5NjEgMTcuNzUwOTgwNCw1IDE2LjExNzY0Nyw1IEwxNi4xMTc2NDcsNSBaIiBpZD0i5b2i54q2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTEyLjAwMDAwMCkgIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGN4PSIxMiIgY3k9IjEyIiByPSIyIj48L2NpcmNsZT4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=";
+const _hoisted_1$2 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$2,
+  class: "m-control-img"
+}, null, -1);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const getMapCurrentPoint = (options) => {
+      const { Cesium } = window;
+      const { map } = options;
+      let centerResult = map.camera.pickEllipsoid(
+        new Cesium.Cartesian2(
+          map.viewer.canvas.clientWidth / 2,
+          map.viewer.canvas.clientHeight / 2
+        )
+      );
+      let curPosition = Cesium.Ellipsoid.WGS84.cartesianToCartographic(centerResult);
+      let curLongitude = curPosition.longitude * 180 / Math.PI;
+      let curLatitude = curPosition.latitude * 180 / Math.PI;
+      return [curLongitude, curLatitude];
+    };
+    const squarelyView = () => {
+      const { Cesium } = window;
+      const map = getMap({ mapId: props.mapId });
+      const cameraView = map.getCameraView();
+      if (cameraView.pitch !== -90) {
+        const { lng, lat, alt } = cameraView;
+        const center = getMapCurrentPoint({ map });
+        const extentCenterPoint = Cesium.Cartesian3.fromDegrees(lng, lat, alt);
+        const lookAtPoint = Cesium.Cartesian3.fromDegrees(
+          center[0],
+          center[1],
+          alt
+        );
+        const distance = Cesium.Cartesian3.distance(extentCenterPoint, lookAtPoint);
+        cameraView.lng = center[0];
+        cameraView.lat = center[1];
+        cameraView.pitch = -90;
+        cameraView.roll = 0;
+        cameraView.alt = distance;
+        map.setCameraView(cameraView);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "m-control",
+        onClick: squarelyView
+      }, [
+        renderSlot(_ctx.$slots, "img", {}, () => [
+          _hoisted_1$2
+        ]),
+        createElementVNode("span", {
+          class: normalizeClass([
+            "m-control-text",
+            __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode("正视")
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass([
+              "m-control-triangle",
+              __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+            ])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+});
+const _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSLpo47moLzorr7orqEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5bel5YW3LeWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMC4wMDAwMDAsIC00NjIuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i5Zyw5Zu+5o6n5Yi25bGV5byAIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjIuMDAwMDAwLCAyNTIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IuW6leWbvuWIh+aNoiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjguMDAwMDAwLCAyMTAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjQiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuWbvuWxgumbhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDQuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4xNDI4NTcxNCwxNC4yNDc2MTkxIEwxLjcxNDI4NTcxLDEwLjQzODA5NTIgTDAsMTEuMzE4ODU3MSBMOS4xNDI4NTcxNCwxNiBMMTguMjg1NzE0MywxMS4zMTczMzMzIEwxNi41NzE0Mjg2LDEwLjQzODA5NTIgTDkuMTQyODU3MTQsMTQuMjQ3NjE5MSBaIE05LjE0Mjg1NzE0LDEwLjkzMzMzMzMgTDEuNzE0Mjg1NzEsNy4xMjkxNDI4NiBMMCw4LjAwNDU3MTQzIEw5LjE0Mjg1NzE0LDEyLjY4NzIzODEgTDE4LjI4NTcxNDMsOC4wMDQ1NzE0MyBMMTYuNTcxNDI4Niw3LjEyNjg1NzE0IEw5LjE0Mjg1NzE0LDEwLjkzMzMzMzMgWiBNMTguMjg1NzE0Myw0LjY4NTcxNDI5IEw5LjE0Mjg1NzE0LDAgTDAsNC42ODI2NjY2NiBMOS4xNDI4NTcxNCw5LjM2NjA5NTIzIEwxOC4yODU3MTQzLDQuNjg1NzE0MjkgWiBNOS4xNDI4NTcxNCwxLjc0NzgwOTUyIEwxNC44Nzg0NzYyLDQuNjg1NzE0MjkgTDkuMTQyODU3MTQsNy42MTkwNDc2MyBMMy40MDcyMzgwOSw0LjY4MTE0Mjg2IEw5LjE0Mjg1NzE0LDEuNzQ3ODA5NTIgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+";
+const _hoisted_1$1 = { style: { "position": "relative" } };
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$1,
+  class: "m-control-img"
+}, null, -1);
+const _hoisted_3$1 = ["onClick"];
+const _hoisted_4$1 = ["src"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    },
+    baseItem: {
+      type: Array,
+      default: [
+        {
+          value: "卫星影像",
+          name: "天地图卫星",
+          icon: "img/controls/img1-map.png"
+        },
+        {
+          value: "电子地图",
+          name: "天地图电子",
+          icon: "img/controls/img3-map.png"
+        },
+        {
+          value: "地形图",
+          name: "天地图地形地图",
+          icon: "img/controls/img4-map.png"
+        }
+      ]
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let nameDefault = ref("天地图卫星");
+    let showBaseMapItem = ref(false);
+    function selectBaseMap(name) {
+      nameDefault.value = name;
+      const map = getMap({ mapId: props.mapId });
+      map.basemap = name;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", {
+          class: "m-control",
+          onClick: _cache[0] || (_cache[0] = ($event) => isRef(showBaseMapItem) ? showBaseMapItem.value = !unref(showBaseMapItem) : showBaseMapItem = !unref(showBaseMapItem))
+        }, [
+          renderSlot(_ctx.$slots, "img", {}, () => [
+            _hoisted_2$1
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass([
+              "m-control-text",
+              __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+            ])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode("底图")
+            ]),
+            createElementVNode("div", {
+              class: normalizeClass([
+                "m-control-triangle",
+                __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+              ])
+            }, null, 2)
+          ], 2)
+        ]),
+        unref(showBaseMapItem) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "m-basemap-select",
+            __props.placement === "left" ? "m-basemap-select-left" : "m-basemap-select-right"
+          ])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.baseItem, (item, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: "m-basemap-item",
+              onClick: ($event) => selectBaseMap(item.name)
+            }, [
+              createElementVNode("img", {
+                src: item.icon,
+                style: { "height": "60px", "width": "60px", "border-radius": "4px" }
+              }, null, 8, _hoisted_4$1),
+              createElementVNode("div", {
+                class: "m-basemap-item-label",
+                style: normalizeStyle(
+                  unref(nameDefault) === item.name ? { backgroundColor: "#58a3ff" } : { backgroundColor: "rgba(0,0,0,0.5)" }
+                )
+              }, toDisplayString(item.value), 5)
+            ], 8, _hoisted_3$1);
+          }), 128))
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _imports_0 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5Zyw5Zu+5o6n5Yi2PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmlbDmja7moIfms6gt5Lqk5LqSIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxOS4wMDAwMDAsIC01NDcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtOOWkh+S7vS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjEzLjAwMDAwMCwgMzQxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuWcsOWbvuaOp+WItiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTk1OTk3Miw0IEM3LjU3NTk5MzYsNCA0LDcuNTc5OTk2MzUgNCwxMiBDNCwxNi40MjAwMDM3IDcuNTc1OTkzNiwyMCAxMS45OTU5OTcyLDIwIEMxNi40MTYwMDA5LDIwIDIwLDE2LjQyMDAwMzcgMjAsMTIgQzIwLDcuNTc5OTk2MzUgMTYuNDE2MDAwOSw0IDExLjk5NTk5NzIsNCBaIE0xNy41MzU5OTgzLDguODAwMDA3MzkgTDE1LjE3NTk5NDUsOC44MDAwMDczOSBDMTQuOTE1OTk5Nyw3LjgwMDAwMDQ3IDE0LjU1MTk4ODYsNi44NDAwMDI2OCAxNC4wNzE5ODk3LDUuOTUyMDE3NjUgQzE1LjU0Mzk5LDYuNDU1OTk2MiAxNi43Njc5ODUzLDcuNDc1OTk4NDQgMTcuNTM1OTk4Myw4LjgwMDAwNzM5IFogTTEyLDUuNjI3OTk3MTggQzEyLjY2Nzk5OTQsNi41ODc5OTQ5NyAxMy4xODgwMDc0LDcuNjU1OTkzNDEgMTMuNTI4MDAyLDguNzk5OTg4OTMgTDEwLjQ3MTk5OCw4Ljc5OTk4ODkzIEMxMC44MTE5OTI2LDcuNjU1OTkzNDEgMTEuMzMyMDAwNiw2LjU4Nzk5NDk3IDEyLDUuNjI3OTk3MTggWiBNNS44MDc5OTIxNCwxMy41OTk5OTYzIEM1LjY3NTk5MzM3LDEzLjA4Nzk5MzggNS41OTk5OTYzLDEyLjU1MTk5MzIgNS41OTk5OTYzLDEyIEM1LjU5OTk5NjMsMTEuNDQ4MDA2OCA1LjY3NTk5MzM3LDEwLjkxMjAwNjIgNS44MDc5OTIxNCwxMC40MDAwMDM3IEw4LjUwNzk5MDUxLDEwLjQwMDAwMzcgQzguNDQzOTgzMjcsMTAuOTIzOTk2IDguMzk5OTg5ODQsMTEuNDU1OTkzOSA4LjM5OTk4OTg0LDEyIEM4LjM5OTk4OTg0LDEyLjU0NDAwNjEgOC40NDM5ODMyNywxMy4wNzYwMDQgOC41MTE5OTMyNiwxMy41OTk5OTYzIEw1LjgwNzk5MjE0LDEzLjU5OTk5NjMgWiBNNi40NTk5OTg5MywxNS4xOTk5OTI2IEw4LjgyMDAwMjcyLDE1LjE5OTk5MjYgQzkuMDc5OTk3NTEsMTYuMTk5OTkyNiA5LjQ0NDAwODY1LDE3LjE1OTk5NzMgOS45MjQwMDc1NSwxOC4wNTE5ODUxIEM4LjQ1MjAwNzI1LDE3LjU0Nzk4ODEgNy4yMjc5OTM0OCwxNi41MjQwMDE2IDYuNDU5OTk4OTMsMTUuMTk5OTkyNiBaIE04LjgyMDAwMjcyLDguODAwMDA3MzkgTDYuNDU5OTk4OTMsOC44MDAwMDczOSBDNy4yMjc5OTM0OCw3LjQ3NjAxNjkgOC40NTIwMDcyNSw2LjQ1MjAxMTg5IDkuOTIzOTg5MTEsNS45NDgwMTQ4OCBDOS40NDM5OTAyMSw2Ljg0MDAwMjY4IDkuMDc5OTk3NDksNy44MDAwMDA0NyA4LjgyMDAwMjcyLDguODAwMDA3MzkgWiBNMTIsMTguMzcyMDAyOCBDMTEuMzM2MDAzNCwxNy40MTIwMDUgMTAuODE1OTk1MywxNi4zNDQwMDY2IDEwLjQ3MTk5OCwxNS4yMDAwMTExIEwxMy41MjgwMDIsMTUuMjAwMDExMSBDMTMuMTgzOTg2MiwxNi4zNDM5ODgxIDEyLjY2Mzk5NjYsMTcuNDExOTg2NiAxMiwxOC4zNzIwMDI4IFogTTEzLjg3MTk5OTQsMTMuNTk5OTk2MyBMMTAuMTI4MDAwNiwxMy41OTk5OTYzIEMxMC4wNTIwMDM1LDEzLjA3NjAwNCAxMC4wMDAwMDQ2LDEyLjU0NDAwNjEgMTAuMDAwMDA0NiwxMiBDMTAuMDAwMDA0NiwxMS40NTU5OTM5IDEwLjA1MjAwMzUsMTAuOTIzOTk2IDEwLjEyODAwMDYsMTAuNDAwMDAzNyBMMTMuODcxOTk5NCwxMC40MDAwMDM3IEMxMy45NDc5OTY0LDEwLjkyMzk5NiAxNC4wMDAwMDQ2LDExLjQ1NTk5MzkgMTQuMDAwMDA0NiwxMiBDMTQuMDAwMDA0NiwxMi41NDQwMDYxIDEzLjk0Nzk5NjQsMTMuMDc2MDA0IDEzLjg3MTk5OTQsMTMuNTk5OTk2MyBaIE0xNC4wNzU5OTI0LDE4LjA0ODAwMDggQzE0LjU1NTk5MTMsMTcuMTU1OTk0NiAxNC45MTk5ODQsMTYuMTk5OTk5NSAxNS4xNzk5OTczLDE1LjIwMDAxMTEgTDE3LjU0MDAwMTEsMTUuMjAwMDExMSBDMTYuNzY4MDAzOCwxNi41MjQwMDE2IDE1LjU0Mzk5LDE3LjU0Mzk4NTQgMTQuMDc1OTkyNCwxOC4wNDgwMDA4IFogTTE1LjQ4Nzk4ODMsMTMuNTk5OTk2MyBDMTUuNTUxOTk1NSwxMy4wNzYwMDQgMTUuNTk5OTkxNywxMi41NDQwMDYxIDE1LjU5OTk5MTcsMTIgQzE1LjU5OTk5MTcsMTEuNDU1OTkzOSAxNS41NTU5OTgyLDEwLjkyMzk5NiAxNS40ODc5ODgzLDEwLjQwMDAwMzcgTDE4LjE4Nzk4NjYsMTAuNDAwMDAzNyBDMTguMzE5OTg1NCwxMC45MTIwMDYyIDE4LjM5OTk4NTIsMTEuNDQ4MDA2OCAxOC4zOTk5ODUyLDEyIEMxOC4zOTk5ODUyLDEyLjU1MTk5MzIgMTguMzIzOTg4MiwxMy4wODc5OTM4IDE4LjE4Nzk4NjYsMTMuNTk5OTk2MyBMMTUuNDg3OTg4MywxMy41OTk5OTYzIFoiIGlkPSLlvaLnirYiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";
+const _hoisted_1 = { class: "m-controls" };
+const _hoisted_2 = {
+  key: 0,
+  class: "m-controlsList"
+};
+const _hoisted_3 = { class: "m-showControlsBtn" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0,
+  class: "m-control-img"
+}, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      default: defaultMapIds.mainMapId
+    },
+    placement: {
+      type: String,
+      default: "left"
+    },
+    controlsArr: {
+      type: Array,
+      default: ["复位", "正北", "正视", "全屏", "放大", "缩小", "底图"]
+    },
+    baseItem: {
+      type: Array,
+      default: [
+        {
+          value: "卫星影像",
+          name: "天地图卫星",
+          icon: "img/controls/img1-map.png"
+        },
+        {
+          value: "电子地图",
+          name: "天地图电子",
+          icon: "img/controls/img3-map.png"
+        },
+        {
+          value: "地形图",
+          name: "天地图地形地图",
+          icon: "img/controls/img4-map.png"
+        }
+      ]
+    }
+  },
+  setup(__props) {
+    let isShow = ref(false);
+    return (_ctx, _cache) => {
+      const _component_ControlReset = resolveComponent("ControlReset");
+      const _component_ControlFullSceen = resolveComponent("ControlFullSceen");
+      const _component_ControlFaceNorth = resolveComponent("ControlFaceNorth");
+      const _component_ControlSquarelyView = resolveComponent("ControlSquarelyView");
+      const _component_ControlZoomIn = resolveComponent("ControlZoomIn");
+      const _component_ControlZoomOut = resolveComponent("ControlZoomOut");
+      const _component_ControlBaseMap = resolveComponent("ControlBaseMap");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(isShow) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "custom"),
+          renderSlot(_ctx.$slots, "extend", {}, () => [
+            __props.controlsArr.includes("复位") ? (openBlock(), createBlock(_component_ControlReset, {
+              key: 0,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("全屏") ? (openBlock(), createBlock(_component_ControlFullSceen, {
+              key: 1,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("正北") ? (openBlock(), createBlock(_component_ControlFaceNorth, {
+              key: 2,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("正视") ? (openBlock(), createBlock(_component_ControlSquarelyView, {
+              key: 3,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("放大") ? (openBlock(), createBlock(_component_ControlZoomIn, {
+              key: 4,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("缩小") ? (openBlock(), createBlock(_component_ControlZoomOut, {
+              key: 5,
+              "map-id": __props.mapId,
+              placement: __props.placement
+            }, null, 8, ["map-id", "placement"])) : createCommentVNode("", true),
+            __props.controlsArr.includes("底图") ? (openBlock(), createBlock(_component_ControlBaseMap, {
+              key: 6,
+              "map-id": __props.mapId,
+              placement: __props.placement,
+              baseItem: __props.baseItem
+            }, null, 8, ["map-id", "placement", "baseItem"])) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: "m-control",
+            onClick: _cache[0] || (_cache[0] = ($event) => isRef(isShow) ? isShow.value = !unref(isShow) : isShow = !unref(isShow))
+          }, [
+            renderSlot(_ctx.$slots, "img", {}, () => [
+              _hoisted_4
+            ]),
+            createElementVNode("span", {
+              class: normalizeClass([
+                "m-control-text",
+                __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+              ])
+            }, [
+              createTextVNode(toDisplayString(`${unref(isShow) ? "关闭" : "展开"}`) + " ", 1),
+              createElementVNode("div", {
+                class: normalizeClass([
+                  "m-control-triangle",
+                  __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+                ])
+              }, null, 2)
+            ], 2)
+          ])
+        ])
+      ]);
+    };
+  }
+});
 const potatoMap3dUi2 = {
   install: (app) => {
-    app.component("map3dt", Map3dt);
-    app.component("zoomOut", _sfc_main$1);
-    app.component("zoomIn", _sfc_main);
+    app.component("map3dt", _sfc_main$9);
+    app.component("ControlZoomOut", _sfc_main$8);
+    app.component("ControlZoomIn", _sfc_main$7);
+    app.component("ControlMask", _sfc_main$6);
+    app.component("ControlFullSceen", _sfc_main$5);
+    app.component("Controls", _sfc_main);
+    app.component("ControlReset", _sfc_main$4);
+    app.component("ControlFaceNorth", _sfc_main$3);
+    app.component("ControlSquarelyView", _sfc_main$2);
+    app.component("ControlBaseMap", _sfc_main$1);
   }
 };
 export {