vue-amap
戴草帽的太阳
悄悄地敲敲敲。。。
展开
-
VUE 如何隐藏高德地图vue-amap左下角的logo
情景描述在我的项目中,引用了高德地图api,在页面展示上需要隐藏掉左下角的logo,尝试过很多博主提供的方法,未果,最后找到了解决方案解决方案:在我项目中,自定义封装了地图组件(具体看我上一篇文章),直接在该文件中设置样式即可<style lang="scss" scoped>::v-deep .amap-logo { display: none; opacity: 0 !important;}::v-deep .amap-copyright { opacity: 0原创 2021-11-19 15:19:48 · 1954 阅读 · 1 评论 -
VUE使用【高德地图】vue-amap自定义封装组件带搜索功能及回显标记功能
vue-amap的使用情景描述:1.点击查看按钮弹出弹框显示地图,搜索地址后地图上进行选点获取经纬度、省市地区等信息,点击确定按钮关闭弹窗将获取到的信息填入表单2.在表单已有经纬度数据时点击按钮地图根据经纬度信息回显标记到相应位置效果如图:地图搜索选点点击确定将信息填入表单step1.安装 npm install --save vue-amapstep2.main.js中引入配置// 全局组件高德地图import VueAMap from 'vue-amap'Vue.use(VueA原创 2021-11-19 14:56:01 · 3917 阅读 · 1 评论