本组件基于@vuemap/vue-amap修改

快速上手

引入@sagbt/xg-map-v2

// 引入vue-amap
import VueAMap from '@sagbt/xg-map-v2';
import '@sagbt/xg-map-v2/dist/style.css';

Vue.use(VueAMap);

// 初始化vue-amap
VueAMap.initAMapApiLoader({
  // 你的key
  key: 'YOUR_KEY',
});

//如果需要使用自定义的threeJS相关的组件，需要额外引入库中的three。该包只提供常用的模型加载，灯光，HDR等相关能力，更细致的控制需要在模型初始化后获取对象进行操作
import VueAmapThree from '@sagbt/xg-map-v2/dist/three'
Vue.use(VueAmapThree);

组件

地图

<el-amap  :zoom="zoom" :center="center">
</el-amap>