vue-获取当前位置

1：创建一个js文件

export function MP(ak) {return new Promise(function (resolve, reject) {window.onload = function () {resolve(window.BMap)
//插入script标签后 会在window上挂一BMap属性,此为跨域获取的数据};var script = document.createElement("script");script.type = "text/javascript";script.src = "http://api.map.baidu.com/api?v=2.0&ak=" + ak + "&callback=init";script.onerror = reject;document.head.appendChild(script);
//插入此标签后 会在window上挂一BMap属性,此为跨域获取的数据})
}

然后在需要使用的vue文件里面引入

<script>import {MP} from '../../../public/map.js';export default {data() {return {ak:'********************',//这里是密钥，秘钥去百度地图申请city: '成都市'}},created() {this.getCity()},methods:{getCity() {this.$nextTick(()=>{MP(this.ak).then(BMap=> {//在此调用apivar geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(a=>{this.city = a.address.city;})})})}}}
</script>

vue-获取当前位置相关推荐

vue 获取当前位置高德_vue高德地图获取当前位置
一:安装依赖 npm install vue-amap --save 二:main.js中的配置 import VueAMap from 'vue-amap'; Vue.use(VueAMap); V ...
vue 获取用户位置高德_Vue使用高德地图
主要是想记录一下使用高德地图地位以及标记当前位置,搜索位置的过程. 创建Vue项目的流程引入高德地图在index.html 的head中引入代码. 复制代码设置容器,初始化地图. .contai ...
vue 获取光标位置
新建组件configFormulaSalary <template><div><el-dialog title="公式配置":visible=&quo ...
vue获取鼠标位置e.pageX报undefiend
问题:在项目中获取e.pageX这个鼠标位置报undefiend. 分析: 1.打印e这个事件对象,发现没有pageX这个对象, console.log(e) 2.打印e.domEvent这个对象,发 ...
vue 获取用户位置高德_vue引入高德地图获取经纬度地址
1.在index.html引入高德地图 //key找个适合例如:160cab8ad6c50752175d76e61ef92c50 2.在webpack.base.conf.js 配置引入 extern ...
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...
vue定位---获取当前位置的详细信息
vue如何获取当前位置的详细信息,总共分为5步. 1.在build文件夹下webpack.base.conf.js文件里面的module.exports中添加如下代码: externals: {'BM ...
vue 获取元素在浏览器的位置_前端开发JS获取页面元素的位置
1.网页的大小和浏览器窗口的大小一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和 document元素的clientHeight和clientWidth属性,就代表了网页的大小. f ...
Vue获取当前的位置信息、经纬度
通过navigator.geolocation对象中的getCurrentPosition() 函数获取用户当前定位位置.这会异步地请求获取用户位置,并查询定位硬件来获取最新信息.当定位被确定后,定义 ...
VUE获取网易云音乐接口，并实现歌词滚动效果
VUE获取网易云音乐接口,并实现歌词滚动效果最近在捣腾个人博客,加了个播放音乐的模块,所以在这里记录一下歌曲播放歌词实时滚动效果的实现,顺便总结加深一下对各个知识点的理解. GitHub地址演示地 ...

vue-获取当前位置

vue-获取当前位置相关推荐

最新文章

热门文章