potato-map3d-ui2 0.0.17 → 0.0.19

package/dist/map3d-ui2.umd.js

@@ -9,56 +9,305 @@
     const map = new tudou3d.Map(id, mapOptions);
     return map;
   }
-  const _hoisted_1$2 = ["id"];
-  const _sfc_main$2 = /* @__PURE__ */ vue.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__ */ vue.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 } = vue.toRefs(props);
+      const { mapOptions } = props;
       vue.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);
+      });
+      vue.onUnmounted(() => {
+        removeMap({ mapId: props.mapId });
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: "map3d-class",
-          id: vue.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__ */ vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$7,
+    class: "m-control-img"
   }, null, -1);
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
-      map: {
-        type: Object,
-        default: null
+      mapId: {
+        type: String,
+        default: defaultMapIds.mainMapId
       },
       placement: {
         type: String,
@@ -67,49 +316,48 @@
     },
     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);
+        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 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",
+          class: "m-control",
           onClick: zoomOut
         }, [
           vue.renderSlot(_ctx.$slots, "img", {}, () => [
-            _hoisted_1$1
+            _hoisted_1$8
           ]),
           vue.createElementVNode("span", {
-            class: vue.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: vue.normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode("缩小")
             ]),
             vue.createElementVNode("div", {
-              class: vue.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: vue.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__ */ vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$6,
+    class: "m-control-img"
   }, null, -1);
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
-      map: {
-        type: Object,
-        default: null
+      mapId: {
+        type: String,
+        default: defaultMapIds.mainMapId
       },
       placement: {
         type: String,
@@ -118,43 +366,583 @@
     },
     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);
+        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 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",
+          class: "m-control",
           onClick: zoomIn
         }, [
           vue.renderSlot(_ctx.$slots, "img", {}, () => [
-            _hoisted_1
+            _hoisted_1$7
           ]),
           vue.createElementVNode("span", {
-            class: vue.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: vue.normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode("放大")
             ]),
             vue.createElementVNode("div", {
-              class: vue.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: vue.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__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      placement: {
+        type: String,
+        default: "left"
+      }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+          vue.renderSlot(_ctx.$slots, "img"),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default"),
+            vue.createElementVNode("div", {
+              class: vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$5,
+    class: "m-control-img"
+  }, null, -1);
+  const _sfc_main$5 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: "m-control",
+          onClick: fullScreen
+        }, [
+          vue.renderSlot(_ctx.$slots, "img", {}, () => [
+            _hoisted_1$5
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(["m-control-text", __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode("全屏")
+            ]),
+            vue.createElementVNode("div", {
+              class: vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$4,
+    class: "m-control-img"
+  }, null, -1);
+  const _sfc_main$4 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: "m-control",
+          onClick: reset
+        }, [
+          vue.renderSlot(_ctx.$slots, "img", {}, () => [
+            _hoisted_1$4
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([
+              "m-control-text",
+              __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+            ])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode("全屏")
+            ]),
+            vue.createElementVNode("div", {
+              class: vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$3,
+    class: "m-control-img"
+  }, null, -1);
+  const _sfc_main$3 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: "m-control",
+          onClick: faceNorth
+        }, [
+          vue.renderSlot(_ctx.$slots, "img", {}, () => [
+            _hoisted_1$3
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([
+              "m-control-text",
+              __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+            ])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode("正北")
+            ]),
+            vue.createElementVNode("div", {
+              class: vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0$2,
+    class: "m-control-img"
+  }, null, -1);
+  const _sfc_main$2 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: "m-control",
+          onClick: squarelyView
+        }, [
+          vue.renderSlot(_ctx.$slots, "img", {}, () => [
+            _hoisted_1$2
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([
+              "m-control-text",
+              __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+            ])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode("正视")
+            ]),
+            vue.createElementVNode("div", {
+              class: vue.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__ */ vue.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__ */ vue.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 = vue.ref("天地图卫星");
+      let showBaseMapItem = vue.ref(false);
+      function selectBaseMap(name) {
+        nameDefault.value = name;
+        const map = getMap({ mapId: props.mapId });
+        map.basemap = name;
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+          vue.createElementVNode("div", {
+            class: "m-control",
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(showBaseMapItem) ? showBaseMapItem.value = !vue.unref(showBaseMapItem) : showBaseMapItem = !vue.unref(showBaseMapItem))
+          }, [
+            vue.renderSlot(_ctx.$slots, "img", {}, () => [
+              _hoisted_2$1
+            ]),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([
+                "m-control-text",
+                __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+              ])
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode("底图")
+              ]),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([
+                  "m-control-triangle",
+                  __props.placement === "left" ? "m-control-triangleLeft" : "m-control-triangleRight"
+                ])
+              }, null, 2)
+            ], 2)
+          ]),
+          vue.unref(showBaseMapItem) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass([
+              "m-basemap-select",
+              __props.placement === "left" ? "m-basemap-select-left" : "m-basemap-select-right"
+            ])
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.baseItem, (item, index2) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index2,
+                class: "m-basemap-item",
+                onClick: ($event) => selectBaseMap(item.name)
+              }, [
+                vue.createElementVNode("img", {
+                  src: item.icon,
+                  style: { "height": "60px", "width": "60px", "border-radius": "4px" }
+                }, null, 8, _hoisted_4$1),
+                vue.createElementVNode("div", {
+                  class: "m-basemap-item-label",
+                  style: vue.normalizeStyle(
+                    vue.unref(nameDefault) === item.name ? { backgroundColor: "#58a3ff" } : { backgroundColor: "rgba(0,0,0,0.5)" }
+                  )
+                }, vue.toDisplayString(item.value), 5)
+              ], 8, _hoisted_3$1);
+            }), 128))
+          ], 2)) : vue.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__ */ vue.createElementVNode("img", {
+    src: _imports_0,
+    class: "m-control-img"
+  }, null, -1);
+  const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(false);
+      return (_ctx, _cache) => {
+        const _component_ControlReset = vue.resolveComponent("ControlReset");
+        const _component_ControlFullSceen = vue.resolveComponent("ControlFullSceen");
+        const _component_ControlFaceNorth = vue.resolveComponent("ControlFaceNorth");
+        const _component_ControlSquarelyView = vue.resolveComponent("ControlSquarelyView");
+        const _component_ControlZoomIn = vue.resolveComponent("ControlZoomIn");
+        const _component_ControlZoomOut = vue.resolveComponent("ControlZoomOut");
+        const _component_ControlBaseMap = vue.resolveComponent("ControlBaseMap");
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.unref(isShow) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "custom"),
+            vue.renderSlot(_ctx.$slots, "extend", {}, () => [
+              __props.controlsArr.includes("复位") ? (vue.openBlock(), vue.createBlock(_component_ControlReset, {
+                key: 0,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("全屏") ? (vue.openBlock(), vue.createBlock(_component_ControlFullSceen, {
+                key: 1,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("正北") ? (vue.openBlock(), vue.createBlock(_component_ControlFaceNorth, {
+                key: 2,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("正视") ? (vue.openBlock(), vue.createBlock(_component_ControlSquarelyView, {
+                key: 3,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("放大") ? (vue.openBlock(), vue.createBlock(_component_ControlZoomIn, {
+                key: 4,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("缩小") ? (vue.openBlock(), vue.createBlock(_component_ControlZoomOut, {
+                key: 5,
+                "map-id": __props.mapId,
+                placement: __props.placement
+              }, null, 8, ["map-id", "placement"])) : vue.createCommentVNode("", true),
+              __props.controlsArr.includes("底图") ? (vue.openBlock(), vue.createBlock(_component_ControlBaseMap, {
+                key: 6,
+                "map-id": __props.mapId,
+                placement: __props.placement,
+                baseItem: __props.baseItem
+              }, null, 8, ["map-id", "placement", "baseItem"])) : vue.createCommentVNode("", true)
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", {
+              class: "m-control",
+              onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isShow) ? isShow.value = !vue.unref(isShow) : isShow = !vue.unref(isShow))
+            }, [
+              vue.renderSlot(_ctx.$slots, "img", {}, () => [
+                _hoisted_4
+              ]),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass([
+                  "m-control-text",
+                  __props.placement === "left" ? "m-control-textLeft" : "m-control-textRight"
+                ])
+              }, [
+                vue.createTextVNode(vue.toDisplayString(`${vue.unref(isShow) ? "关闭" : "展开"}`) + " ", 1),
+                vue.createElementVNode("div", {
+                  class: vue.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);
     }
   };
   return potatoMap3dUi2;