Vuesri

Vuesri - 基于 Arcgis 的 Vue3 地图组件库

Vuesri - A Vue.js 3 Map library for Arcgis

• 💪 全面拥抱 Vue 3 生态
• 🔥 完整的 TypeScript 类型定义文件
• 🌏 组件化方式快速构建地图
• 📄 在线文档 示例丰富

安装

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

使用

// main.ts
import '@arcgis/core/assets/esri/themes/light/main.css'
import '@vunk/core/index.css'
import '@vuesri/core/index.css'

<script lang="ts" setup>
import { VaMapView, VaTdtBasemap } from '@vuesri/core'
const defaultOptions: __esri.MapViewProperties = {
  center: [120, 30],
  zoom: 9,
}
</script>
<template>
  <VaMapView :defaultOptions="defaultOptions">
    <VaTdtBasemap />
  </VaMapView>
</template>

Template

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

在线文档

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

@vuesri/core 在线文档

@arcgis/core 在线文档

License

@vuesri/core is licensed as Apache License Version 2.0