Vuesri

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

Vuesri - A Vue.js 3 Map library for Arcgis

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

安装

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

使用

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

1<script lang="ts" setup>
2import { VaMapView, VaTdtBasemap } from '@vuesri/core'
3const defaultOptions: __esri.MapViewProperties = {
4  center: [120, 30],
5  zoom: 9,
6}
7</script>
8<template>
9  <VaMapView :defaultOptions="defaultOptions">
10    <VaTdtBasemap />
11  </VaMapView>
12</template>

Template

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

在线文档

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

@vuesri/core 在线文档

@arcgis/core 在线文档

License

@vuesri/core is licensed as Apache License Version 2.0