@vuemap/vue-amap vue3 版本正式发布
@vuemap/vue-amap是一个基于vue和高德地图2.0封装的vue地图组件库,对amapJS和loca做了常用封装。
本次更新,组件的参数和事件没有做任何调整,可以平滑的从vue2升级到vue3
本次更新
- 组件全面升级支持vue3
- 代码使用typescript重写
- 增加IDE提示文件,快捷开发
- 文档全面更新,使用vuepress 2.0版本重新编写。文档地址
- 支持treeshake
破坏性变更
- 库加载方式调整,需使用vue3的方式进行注册库
- infoWindow的visible属性不再支持.sync使用,需要调整为v-model:visible
NPM安装
npm install @vuemap/vue-amap@next --save
引入组件
import VueAMap, {initAMapApiLoader} from '@vuemap/vue-amap'; import '@vuemap/vue-amap/dist/style.css' initAMapApiLoader({ key: 'YOUR_KEY' }) createApp(App) .use(Element) .mount('#app')
示例
<el-amap :center="center" :zoom="zoom" @init="initMap" @click="clickMap" />