@vuesri/core

快速开始 ​

本节将介绍如何在项目中使用 @vuesri/core .

安装 ​

shell
# pnpm or npm or yarn
$ pnpm install @vunk/core @vuesri/core @arcgis/core

@vuersi/core 依赖了 @arcgis/core

需要注意 @arcgis/core ES modules 集成相关事项

开始 ​

typescript
// main.ts
import '@arcgis/core/assets/esri/themes/light/main.css'
import '@vunk/core/index.css'
import '@vuesri/core/index.css'
vue
<script lang="ts" setup>
import { VaSceneView, VaTdtBasemap } from '@vuesri/core'
</script>
<template>
  <VaSceneView
    :default-options="{
      center: [120, 30],
      zoom: 3
    }"
  >
    <VaTdtBasemap
      :type="'img_w'"
      :spatial-reference="{ wkid: 3857 }"
    />
  </VaSceneView>
</template>

Template ​

如果在集成中遇到了问题，这里有一个最简单的示例 simple-vuesri 供您参考

更多 ​

您可以从现在起启动您的项目。 对于每个组件的用法，请参考单个组件对应的文档。如

MapView

TdtBasemap