一:安装依赖
npm install vue-amap --save
二:main.js中的配置
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
key: 'd6eabbd08f89ccfb74278b36ab6342567', // 自己到官网申请,我随便写的
plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor','AMap.Geolocation','Geocoder'],//plugin所要用到的模块功能,按需添加
v: '1.4.4',//高德 sdk 版本为 1.4.4
});
template中使用
import location from "../../utils/positionLocation.js";
export default {
name: "page",
data() {
let self = this;
return {
title: "标题",
zoom: 12,
center: [120.011574, 30.286369],
address: "",
events: {
click(e) {
let { lng, lat } = e.lnglat;
self.lng = lng;
self.lat = l