高德地图获取当前位置,
注:使用的是的模块注入方式,适用各种前端单页面应用及H5
创建一个AMap.js文件
//AMap.js//高德https://webapi.amap.com/maps?v=1.4.11key=地图你的高德地图的密钥导出默认函数map loader(){ return new Promise((resolve,reject)={if (window .AMap) { resolve(窗口AMap)} else { var script=document。createelement(“script”)脚本。type= text/JavaScript 脚本。async=true//这里引入的是全部模块,或者按需要模块引入,加参数插件="模块名“剧本。http://webapi.amap.com/maps?v=1。4 .11回调=initAMapkey=6747 CB 97 * * * * * * * * * * * * * * * 774 B4 b 62 //你的高德应用AK(申请参考官方文档)剧本。出错=拒绝文档。头。appendchild(script) }窗口。初始化AMAP=()={解决(窗口.AMap)}})}使用
某视频剪辑软件示例
从“@/common/SDK/AMAP。js"MapLoader()导入地图加载器.然后(AMap={ //加载定位插件插件([AMap .地理定位,地图Weather],function(){ var geolocation=new AMap .地理定位({ //是否使用高精度定位,默认:true enablehigaccuracy:true,//设置定位超时时间,默认:无穷大超时:10000,//定位按钮的停靠位置的偏移量,默认:像素(10,20)按钮偏移量:新地图.Pixel(10,20),//定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:错误准确性:true,//定位按钮的排放位置,经常预算表示右下按钮位置: RB })地理位置。getcurrentposition()AMap。事件。添加监听程序(地理定位,“完成”,在完成时)AMap。事件。添加监听器(geolocation, error ,onError) var weather=new AMap .天气();complete(data){//data上的函数是具体的定位信息那个100美元商店。分派(更新地址,数据。格式化地址)//天气。获取预测(数据。地址组件。ad code,function(err,data) { //console.log(err,data);//});天气。获取live(数据。地址组件。ad code,function(err,data) { //console.log(err,data);let obj={ adcode: 330100 ,//区域编码城市: 杭州市, //城市湿度: 92 ,//空气湿度(百分比)信息:"正常",//状态省: 浙江, //省份报告时间: 2019-12-24 19:55:48 ,温度:10,//实时气温,单位:摄氏度天气: 阴, //天气预报风向: 东, //风向,风向编码对应描述风力:3 ,//风力,风力编码对应风力级别,单位:级} let weatherObj={ date: `${that .$moment().格式(毫米月直接伤害日)} `,周:` $ {那个. moment().format(d)} `,temperature: data.temperature,currentCity: data.city,weatherDesc: data.weather }表示.$ store。dispatch( UPDATE _ Weather ,天气obj)});} function onError(data) { //定位出错如果(数据。info== NOT _ SUPPORTED ){ uni。显示模态({ title:提示,内容: 当前浏览器不支持定位功能 定位失败})} else if(数据。info== FAILED ){ uni。显示模态({ title:提示,content: data.message 定位失败})} } })} } },e={ console.log(地图加载失败,e) }) }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。