qq_45018844的博客

老规矩，先看效果第一步：安装amapnpm install vue-amap --save（如果有淘宝镜像可以cnpm install vue-amap --save）第二步：main.js配置amap // 初始化vue-amapAMap.initAMapApiLoader({ // 高德key key: '你申请的key', // 插件集合 （插件按需引入） plugin: ['AMap.Geolocation','AMap.ToolBar']});第三步：在页面写d

之前我教了大家用element文当中的远程搜索进行搜索地点element远程搜索这是效果图，点一个点就会在input框刷新一次，首先当然需要给地图添加点击事件了mapClick(e) { // 地图点击事件 if (this.map !== undefined) { if (this.projectMapMarker !== undefined) { // 如果点标记已存在则先移除原点 this.map.remove(t

标题高德地图api注册属于自己的key高德地图官网可以进去注册，这个我就不多说了找到element官网element中的远程搜索可以直接复制使用，远程搜索和普通的搜索的区别就是，每次搜索一次就会发送一次请求<el-form :inline="true"> <el-row :gutter="20"> <el-col :span="8" > <el-select v-model="ti

步骤需求给按钮绑定事件实现这个方法实例化地图组件需求通过一个按钮，打开地图拿到这个显示的位置的经纬度，在地图上找到这个位置给按钮绑定事件这个事件需要打开对话框，并且拿到经纬度<el-button type="primary" size="mini" plain @click="mapClick(projectData.lonLat)">查看位置</el-button>实现这个方法mapClick(lonLat){ let num1 = new Arra