0.2.5 • Published 11 months ago
vue-arcgis-api v0.2.5
vue-arcgis-api
- ArcgisApi 的 Vue 组件库
- 依赖于 @arcgis/core 库
- 同时支持 Vue3 和 Vue2(@vue/composition-api)
- vue-arcgis-api 文档
安装
yarn add @arcgis/core ncp --dev
yarn add vue-arcgis-api
- 在 package.json 中为你的 scripts 添加:
"cp:arcgis": "ncp ./node_modules/@arcgis/core/assets ./public/assets"
- 运行一次
yarn cp:arcgis
将 acrgisapi 拷贝到项目目录下就可以开始啦
快速上手
全局引入
main.js
import Vue from "vue";
import App from "./App.vue";
import VueArcgis from "../packages";
import "@arcgis/core/assets/esri/themes/light/main.css";
import esriConfig from "@arcgis/core/config.js";
esriConfig.assetsPath = "/assets";
Vue.use(VueArcgis);
new Vue({
render: h => h(App)
}).$mount("#app");
App.vue
<template>
<div class="mapDiv">
<EMap :basemap="basemap">
<EMapView :center="center" :zoom="zoom"></EMapView>
</EMap>
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
basemap: "topo",
center: [0, 0],
zoom: 0
};
}
};
</script>
<style scoped>
.mapDiv {
width: 100%;
height: 300px;
}
</style>
按需引入
App.vue
<template>
<div class="mapDiv">
<EMap :basemap="basemap">
<EMapView :center="center" :zoom="zoom"></EMapView>
</EMap>
</div>
</template>
<script>
import { EMap, EMapView } from "vue-arcgis-api";
import "@arcgis/core/assets/esri/themes/light/main.css";
import esriConfig from "@arcgis/core/config.js";
esriConfig.assetsPath = "/assets";
export default {
name: "App",
components: { EMap, EMapView },
data() {
return {
basemap: "topo",
center: [0, 0],
zoom: 0
};
}
};
</script>
<style scoped>
.mapDiv {
width: 100%;
height: 300px;
}
</style>
0.2.5
11 months ago
0.2.1
2 years ago
0.2.0
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.1.6
2 years ago
0.2.4
2 years ago
0.1.4-beta.2
3 years ago
0.1.4-beta.0
3 years ago
0.1.4-beta.1
3 years ago
0.1.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.5
3 years ago
0.0.13
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.12
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.3
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago