1、先使用脚手架生成一个vue项目，然后安装在项目里安装vue-amap，安装命令如下：npm install vue-amap --save
3、在HomeView.vue文件，粘贴以下代码：<template> &盟敢势袂lt;div id="amap媪青怍牙"> <el-amap vid="amap" class="amap" :center="center" :plugin="plugin"> <el-amap-marker vid="component-marker" :position="position" /> </el-amap> </div></template><script>export default { data() { return { position: [105.602725, 37.076636], // 定位 center: [105.602725, 37.076636], // 地图初始化视图中心点 plugin: [ // 这里放扩展的插件 { pName: 'Scale', // 比例尺 events: { init(instance) { console.log(instance); } } } ] }; }, mounted() {}, created() { }, methods: {}};</script><style scoped>#amap { height: 100vh; width: 100vw;}</style>
