如何在vue中引用高德地图

 时间:2024-10-12 00:08:13

1、先使用脚手架生成一个vue项目,然后安装在项目里安装vue-amap,安装命令如下:npm install vue-amap --save

如何在vue中引用高德地图

3、在HomeView.vue文件,粘贴以下代码:<template> <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>

如何在vue中引用高德地图
  • Quicker如何开启使用第三方截图工具代替
  • fptocr是什么软件
  • 怎样下载QQ炫舞
  • 怎么用Dos字符命令快速设置扫描仪的缩放级别?
  • 云顶之弈怎么玩瑟庄妮猪妹,瑟庄妮玩法攻略?
  • 热门搜索
    教师节送什么 bob是什么意思 什么茶养胃 突然流鼻血是什么原因 什么醒酒 11月4日是什么星座 什么是七夕节 信用卡有什么用 又什么又什么四字词语 deal是什么意思