300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 百度地图定位当前城市名称 经纬度等信息

百度地图定位当前城市名称 经纬度等信息

时间:2023-09-24 21:04:43

相关推荐

百度地图定位当前城市名称 经纬度等信息

1、vue引入百度地图

npm install vue-baidu-map --save

在main.js中全局注册,一次性引入百度地图组件库的所有组件。

import Vue from 'vue'import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 /apiconsole/key */ak: 'YOUR_APP_KEY'})

获取当前地址方法:getlocation() {let me = thisnew BMap.LocalCity().get(function(r) { //定位城市alert('当前定位城市:' + r.name)if (r.name !== '') {me.form.location = r.name.replace(/市/g, '').replace(/区/g, '').replace(/县/g, '')}})},

主要是new BMap.LocalCity().get(function(r)这个方法。

获取当前位置经纬度,街道信息

var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function (r) {if (this.getStatus() == BMAP_STATUS_SUCCESS) {var position = {lng: r.point.lng,lat: r.point.lat}console.log('---------', r)//打印r,从r中取所需信息alert('您的位置:' + r.point.lng + ',' + r.point.lat);}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。