@gis_victory/gismap 1.0.3 → 1.0.4

package/dist/gismap.es.min.js

@@ -81899,6 +81899,35 @@ class Tile3DLayer2 {
     }
   }
 }
+class MarkerLayer {
+  map;
+  markers = /* @__PURE__ */ new Map();
+  constructor(map2) {
+    this.map = map2;
+  }
+  add(options) {
+    const config2 = {
+      ...options
+    };
+    const marker2 = new mapboxGlExports.Marker(config2);
+    marker2.setLngLat(options.lngLat);
+    marker2.addTo(this.map);
+    this.markers.set(options.id, marker2);
+  }
+  remove(id) {
+    const marker2 = this.markers.get(id);
+    if (marker2) {
+      marker2.remove();
+    }
+    this.markers.delete(id);
+  }
+  clear() {
+    this.markers.forEach((marker2) => {
+      marker2.remove();
+    });
+    this.markers.clear();
+  }
+}
 class PlaceholderManager {
   map;
   sourceId = `gismap_placeholder_source_${Math.random().toString(10)}`;
@@ -82764,7 +82793,7 @@ class MapInit {
     this.fogManager = new FogManager(this.map);
   }
 }
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "gismap-control"
 };
@@ -82772,11 +82801,11 @@ const _hoisted_2$3 = { class: "widget top-left" };
 const _hoisted_3$3 = { class: "widget top-right" };
 const _hoisted_4$3 = { class: "widget bottom-left" };
 const _hoisted_5$3 = { class: "widget bottom-right" };
-const __default__$c = {
+const __default__$d = {
   name: "MapView"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: {
     accessToken: {
       type: String,
@@ -82839,7 +82868,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           ref: mapContainer,
           class: "gismap-container"
         }, null, 512),
-        isLoad.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        isLoad.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
           createElementVNode("div", _hoisted_2$3, [
             renderSlot(_ctx.$slots, "top-left")
           ]),
@@ -84474,12 +84503,12 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$b = defineComponent({
+const __default__$c = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -84503,7 +84532,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon);
 /*! Element Plus Icons Vue v2.3.2 */
 var _sfc_main12 = /* @__PURE__ */ defineComponent({
@@ -85114,12 +85143,12 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 const COMPONENT_NAME = "ElInput";
-const __default__$a = defineComponent({
+const __default__$b = defineComponent({
   name: COMPONENT_NAME,
   inheritAttrs: false
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -85528,7 +85557,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input3 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "input.vue"]]);
+var Input3 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "input.vue"]]);
 const ElInput = withInstall(Input3);
 const EVENT_CODE = {
   enter: "Enter",
@@ -85810,11 +85839,11 @@ const useCheckbox = (props, slots) => {
     onClickRoot
   };
 };
-const __default__$9 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -85922,12 +85951,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "checkbox.vue"]]);
-const __default__$8 = defineComponent({
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "checkbox.vue"]]);
+const __default__$9 = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -86015,7 +86044,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "checkbox-button.vue"]]);
 const checkboxGroupProps = buildProps({
   modelValue: {
     type: definePropType(Array),
@@ -86053,11 +86082,11 @@ const checkboxDefaultProps = {
   value: "value",
   disabled: "disabled"
 };
-const __default__$7 = defineComponent({
+const __default__$8 = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -86131,18 +86160,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "checkbox-group.vue"]]);
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
   CheckboxGroup
 });
 withNoopInstall(CheckboxButton);
 withNoopInstall(CheckboxGroup);
-const __default__$6 = defineComponent({
+const __default__$7 = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -86220,13 +86249,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "collapse-transition.vue"]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "collapse-transition.vue"]]);
 const ElCollapseTransition = withInstall(CollapseTransition);
-const __default__$5 = defineComponent({
+const __default__$6 = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   setup(__props) {
     const ns = useNamespace("empty");
     const id = useId();
@@ -86351,7 +86380,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "img-empty.vue"]]);
 const emptyProps = buildProps({
   image: {
     type: String,
@@ -86363,11 +86392,11 @@ const emptyProps = buildProps({
     default: ""
   }
 });
-const __default__$4 = defineComponent({
+const __default__$5 = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -86408,7 +86437,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "empty.vue"]]);
 const ElEmpty = withInstall(Empty);
 const selectKey = Symbol("ElSelect");
 const textProps = buildProps({
@@ -86431,11 +86460,11 @@ const textProps = buildProps({
     default: "span"
   }
 });
-const __default__$3 = defineComponent({
+const __default__$4 = defineComponent({
   name: "ElText"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -86492,7 +86521,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "text.vue"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "text.vue"]]);
 const ElText = withInstall(Text);
 const NODE_KEY = "$treeNodeId";
 const markNodeData = function(node, data) {
@@ -87279,7 +87308,7 @@ class TreeStore {
 const ROOT_TREE_INJECTION_KEY = "RootTree";
 const NODE_INSTANCE_INJECTION_KEY = "NodeInstance";
 const TREE_NODE_MAP_INJECTION_KEY = "TreeNodeMap";
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "ElTreeNodeContent",
   props: {
     node: {
@@ -87301,7 +87330,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tree-node-content.vue"]]);
+var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tree-node-content.vue"]]);
 function useNodeExpandEventBroadcast(props) {
   const parentNodeMap = inject(TREE_NODE_MAP_INJECTION_KEY, null);
   const currentNodeMap = {
@@ -87491,7 +87520,7 @@ function useDragNodeHandler({
     dragState
   };
 }
-const _sfc_main$5 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "ElTreeNode",
   components: {
     ElCollapseTransition,
@@ -87789,7 +87818,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.node.visible]
   ]);
 }
-var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__file", "tree-node.vue"]]);
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$1], ["__file", "tree-node.vue"]]);
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
   onMounted(() => {
@@ -87879,7 +87908,7 @@ function useKeydown({ el$ }, store) {
     (_a2 = treeItems[0]) == null ? void 0 : _a2.setAttribute("tabindex", "0");
   };
 }
-const _sfc_main$4 = defineComponent({
+const _sfc_main$5 = defineComponent({
   name: "ElTree",
   components: { ElTreeNode },
   props: {
@@ -88202,9 +88231,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__file", "tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render], ["__file", "tree.vue"]]);
 const ElTree = withInstall(Tree);
-const _hoisted_1$2 = { class: "gismap-layer" };
+const _hoisted_1$3 = { class: "gismap-layer" };
 const _hoisted_2$2 = { class: "gismap-layer-title" };
 const _hoisted_3$2 = { class: "gismap-layer-search" };
 const _hoisted_4$2 = { class: "gismap-layer-tree-node" };
@@ -88220,7 +88249,7 @@ const _hoisted_7$1 = {
 };
 const _hoisted_8$1 = { class: "gismap-layer-tree-node-label" };
 const _hoisted_9$1 = { class: "gismap-layer-tree-empty" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     title: {
@@ -88288,7 +88317,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_icon = ElIcon;
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("div", _hoisted_2$2, toDisplayString(__props.title), 1),
         createElementVNode("div", _hoisted_3$2, [
           createVNode(unref(ElInput), {
@@ -88380,16 +88409,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "gismap-legend" };
+const _hoisted_1$2 = { class: "gismap-legend" };
 const _hoisted_2$1 = { class: "gismap-legend-title" };
 const _hoisted_3$1 = { class: "gismap-legend-content" };
 const _hoisted_4$1 = { class: "gismap-legend-item" };
 const _hoisted_5$1 = { class: "gismap-legend-item-text" };
-const __default__$2 = {
+const __default__$3 = {
   name: "MapLegend"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     title: {
       type: String,
@@ -88404,7 +88433,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_icon = ElIcon;
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, [
         createElementVNode("div", _hoisted_2$1, [
           createTextVNode(toDisplayString(__props.title) + " ", 1),
           createElementVNode("span", {
@@ -88442,11 +88471,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$1 = {
+const __default__$2 = {
   name: "MapTools"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     data: {
       type: Array,
@@ -88459,7 +88488,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "gismap-switch" };
+const _hoisted_1$1 = { class: "gismap-switch" };
 const _hoisted_2 = {
   key: 0,
   class: "gismap-switch-extensions"
@@ -88477,11 +88506,11 @@ const _hoisted_9 = {
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = { class: "gismap-switch-item-icon" };
 const _hoisted_12 = { class: "gismap-switch-item-text" };
-const __default__ = {
+const __default__$1 = {
   name: "MapSwitch"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: {
     data: {
       type: Object,
@@ -88566,7 +88595,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_checkbox = ElCheckbox;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         renderSlot(_ctx.$slots, "left"),
         __props.extensionsPosition === "left" ? (openBlock(), createElementBlock("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data.extensions, (item) => {
@@ -88635,11 +88664,108 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { class: "map-layout" };
+const __default__ = {
+  name: "MapLayout"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    mapViewData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    switchData: {
+      type: Object,
+      default: () => []
+    },
+    layerData: {
+      type: Array,
+      default: () => []
+    },
+    toolsData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["load"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const formData = reactive({
+      mapViewData: props.mapViewData || { center: [120.35826594964023, 30.10842454359468] },
+      switchData: props.switchData || {},
+      layerData: props.layerData || [],
+      toolsData: props.toolsData || []
+    });
+    let map2;
+    const onMapLoad = (_map) => {
+      map2 = _map;
+      map2.manager.fogManager.setFog();
+      emits("load", map2);
+    };
+    watch(() => props.mapViewData, (newVal) => {
+      formData.mapViewData = newVal;
+    });
+    watch(() => props.switchData, (newVal) => {
+      formData.switchData = newVal;
+    });
+    watch(() => props.layerData, (newVal) => {
+      formData.layerData = newVal;
+    });
+    watch(() => props.toolsData, (newVal) => {
+      formData.toolsData = newVal;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$h), {
+          options: formData.mapViewData,
+          onLoad: onMapLoad
+        }, {
+          "top-left": withCtx(() => [
+            renderSlot(_ctx.$slots, "pre-top-left"),
+            createVNode(unref(_sfc_main$2), {
+              data: formData.toolsData
+            }, null, 8, ["data"]),
+            renderSlot(_ctx.$slots, "top-left")
+          ]),
+          "top-right": withCtx(() => [
+            renderSlot(_ctx.$slots, "pre-top-right"),
+            createVNode(unref(_sfc_main$4), {
+              class: "widget-right",
+              data: formData.layerData
+            }, null, 8, ["data"]),
+            renderSlot(_ctx.$slots, "top-right")
+          ]),
+          "bottom-left": withCtx(() => [
+            renderSlot(_ctx.$slots, "pre-bottom-left"),
+            createVNode(unref(_sfc_main$3)),
+            renderSlot(_ctx.$slots, "bottom-left")
+          ]),
+          "bottom-right": withCtx(() => [
+            renderSlot(_ctx.$slots, "pre-bottom-right"),
+            createVNode(unref(_sfc_main$1), {
+              data: formData.switchData
+            }, null, 8, ["data"]),
+            renderSlot(_ctx.$slots, "bottom-right")
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["options"])
+      ]);
+    };
+  }
+});
 export {
-  _sfc_main$3 as GisMapLayer,
-  _sfc_main$2 as GisMapLegend,
-  _sfc_main as GisMapSwitch,
-  _sfc_main$1 as GisMapTools,
-  _sfc_main$g as GisMapView,
+  _sfc_main$4 as GisMapLayer,
+  _sfc_main$3 as GisMapLegend,
+  _sfc_main$1 as GisMapSwitch,
+  _sfc_main$2 as GisMapTools,
+  _sfc_main$h as GisMapView,
+  _sfc_main as MapPage,
+  MarkerLayer,
   Tile3DLayer2 as Tile3DLayer
 };