@vuemap/vue-amap vue3 版本正式发布

内容简介：@vuemap/vue-amap是一个基于vue和高德地图2.0封装的vue地图组件库，对amapJS和loca做了常用封装。 本次更新，组件的参数和事件没有做任何调整，可以平滑的从vue2升级到vue3 本次更新 组件全面升级支持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"
/>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。