zeiet-gis-map

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs. Check out the script setup docs to learn more.

Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.

依赖

• terser：是一个JavaScript代码压缩工具，用于缩小和优化JavaScript文件。它可以删除不必要的空格、注释、简化代码结构，从而减少文件大小，提高加载速度。terser是uglify-es的一个分支，专门用于处理ES6+语法。

Node版本

Now using node v18.20.3 (64-bit)

使用方法

import { createApp } from 'vue';
import App from './App.vue';
import ZeietGisMap from 'zeiet-gis-map'
import 'zeiet-gis-map/css'

const app = createApp(App);

app.use(ZeietGisMap);

app.mount('#app');

组件中使用

<script lang="ts" setup>
import { ref } from "vue";

const nestmap = ref();

// const callMethods = () => {
// };
</script>

<template>
  <div class="page">
    <Nestmap ref="nestmap" class="demo" />
  </div>
</template>

<style lang="css" scoped>
.page {
  width: 100vw;
  height: 100vh;
  position: relative;
}
::v-deep .demo {
  /* height: 100%;
  width: 100%; */
  position: absolute !important;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}

</style>