位置: IT常识 - 正文

VUE中调用高德地图获取当前位置(VUE2.0和3.0通用)(vue3使用高德地图)

编辑:rootadmin
VUE中调用高德地图获取当前位置(VUE2.0和3.0通用)

推荐整理分享VUE中调用高德地图获取当前位置(VUE2.0和3.0通用)(vue3使用高德地图),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue调用高德地图实现导航,vue调用高德地图实现实时导航,vue调用高德地图实现实时导航,vue调用高德地图api,vue调用高德地图实现导航,vue调用高德地图,vue调用高德地图实现导航,vue调用高德地图的gps定位,内容如对您有帮助,希望把文章链接给更多的朋友!

标签: Vue vue 定位 js javascript

1、去高德开放平台获取高德地图KEYVUE中调用高德地图获取当前位置(VUE2.0和3.0通用)(vue3使用高德地图)

地址:https://lbs.amap.com/

注意:这里一定要选择WEB端的KEY,不要选择WEB服务的KEY,否则拿不到数据

2、去项目中引入KEY,也就是CDN,在这里我们在SRC下面创建一个UNTI文件夹,然后在到文件夹下面创建一个名为UNTI.JS的文件3、在UNTI.JS中写入我们的方法封装

注意:这里之所以不在INDEX.HTML中引入,是因为如果在INDEX.HTML引入,汇报AMAP NOT UNDEFINED或者是找不到

export default function MapLoader() {let aMapScript = document.createElement('script')aMapScript.setAttribute('src', 'https://webapi.amap.com/maps?v=1.4.11&key=c0af2a8bee25c16d7a307124ddb43056&plugin=AMap.CitySearch')document.head.appendChild(aMapScript)return aMapScript.onload = function() {AMap.plugin('AMap.Geolocation', function() {var geolocation = new AMap.Geolocation({// 是否使用高精度定位,默认:trueenableHighAccuracy: true,// 设置定位超时时间,默认:无穷大timeout: 10000,// 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)buttonOffset: new AMap.Pixel(10, 20),// 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:falsezoomToAccuracy: true,// 定位按钮的排放位置, RB表示右下buttonPosition: 'RB'})geolocation.getCurrentPosition()AMap.event.addListener(geolocation, 'complete', onComplete)AMap.event.addListener(geolocation, 'error', onError)function onComplete(data) {// data是具体的定位信息console.log(data)console.log('123123')}function onError(data) {console.log(data)// 定位出错console.log('123123s')}})}}4、在需要引用的该方法5、打印结果

一个简单、但是稳定性稍差的方法

版权

本文链接地址:https://www.jiuchutong.com/zhishi/295259.html 转载请保留说明!

上一篇:ST电机库v5.4.4源代码分析(1): FOC原理(结合ST电机库)(st的电机库性能怎么样呢)

下一篇:vue引用public目录下文件(vue引入文件路径@的意思)

  • 三星s10什么处理器(三星galaxy s10处理器怎么样)

    三星s10什么处理器(三星galaxy s10处理器怎么样)

  • vivox70pro怎么设置省电模式(vivox70pro怎么设置视频美颜)

    vivox70pro怎么设置省电模式(vivox70pro怎么设置视频美颜)

  • 转转申请退款卖家不处理怎么办(转转申请退款卖家不理会怎么样)

    转转申请退款卖家不处理怎么办(转转申请退款卖家不理会怎么样)

  • 微信发送成功后对方收不到(微信发送成功后变感叹号怎么回事)

    微信发送成功后对方收不到(微信发送成功后变感叹号怎么回事)

  • pdf形式是什么意思(pdf的形式)

    pdf形式是什么意思(pdf的形式)

  • 苹果a1660是全网通吗(苹果a1660是什么)

    苹果a1660是全网通吗(苹果a1660是什么)

  • a1498是ipad第几代(a1491是ipad几代)

    a1498是ipad第几代(a1491是ipad几代)

  • 苹果手机别人打电话来为什么没有显示(苹果手机别人打电话正在通话中)

    苹果手机别人打电话来为什么没有显示(苹果手机别人打电话正在通话中)

  • 淘宝月销量减少是有退货吗(淘宝月销量减少的原因)

    淘宝月销量减少是有退货吗(淘宝月销量减少的原因)

  • 怎么在qq上找到以前删除的人(怎么在QQ上找到发黄的空间)

    怎么在qq上找到以前删除的人(怎么在QQ上找到发黄的空间)

  • 笔记本电脑响声很大怎么回事(笔记本电脑响声很大的嗡嗡声正常吗)

    笔记本电脑响声很大怎么回事(笔记本电脑响声很大的嗡嗡声正常吗)

  • 地址标签是什么意思(地址标签怎么填写)

    地址标签是什么意思(地址标签怎么填写)

  • 红米note8pro有没有指示灯(红米note8pro有没有红外遥控)

    红米note8pro有没有指示灯(红米note8pro有没有红外遥控)

  • 键盘fn是什么意思(键盘fn键是什么意思)

    键盘fn是什么意思(键盘fn键是什么意思)

  • 国行苹果x是高通基带吗(iphone x 国行)

    国行苹果x是高通基带吗(iphone x 国行)

  • mx5魅族怎么恢复备份数据(mx5魅族怎么恢复出厂模式)

    mx5魅族怎么恢复备份数据(mx5魅族怎么恢复出厂模式)

  • 手机号以前被别人注册过怎么办(手机号以前被别人用过,经常有骚扰电话)

    手机号以前被别人注册过怎么办(手机号以前被别人用过,经常有骚扰电话)

  • 苹果11怎么开个人热点(苹果11怎么开个人模式)

    苹果11怎么开个人热点(苹果11怎么开个人模式)

  • vivo手机内存卡怎么装(vivo手机内存卡怎么使用)

    vivo手机内存卡怎么装(vivo手机内存卡怎么使用)

  • 应用宝怎么绑定大王卡(应用宝怎么绑定身份证)

    应用宝怎么绑定大王卡(应用宝怎么绑定身份证)

  • macbook怎么删除app(macbook怎么删除apple id提示)

    macbook怎么删除app(macbook怎么删除apple id提示)

  • 如何查询airpods真伪(如何查询airpods激活时间)

    如何查询airpods真伪(如何查询airpods激活时间)

  • oppoa9发布时间(oppoa9发布时间、价格)

    oppoa9发布时间(oppoa9发布时间、价格)

  • 华为超级文件系统是什么(华为超级文件系统开源)

    华为超级文件系统是什么(华为超级文件系统开源)

  • app暂时禁用多久解封(app暂时禁用多久自动解除)

    app暂时禁用多久解封(app暂时禁用多久自动解除)

  • 苹果人脸识别原理(苹果人脸识别原理 虹膜)

    苹果人脸识别原理(苹果人脸识别原理 虹膜)

  • 小型微利企业所得税怎么计算
  • 增值税税负税率
  • 出租人融资租赁发生的初始直接费用
  • 公积金是上个月的还是本月的
  • 股权转让1元转让
  • 完工百分比法完工进度怎么算
  • 个人从海外买东西自用要交税吗
  • 代扣代缴个税返点怎么申请
  • 个人独资公司需要报税吗
  • 资产负债表预收预付账款怎么填
  • 保教费免征增值税政策
  • 工程未竣工如何结算
  • 企业外购的无形资产摊销,可以加计扣除吗?
  • 公司比赛规则
  • 因质量问题怎么赔偿
  • 标书费收据丢失怎么办
  • 公司对公银行账户可以注销吗
  • 定额发票已经取得怎么办
  • 企业零申报教学视频
  • 17点增值税发票能开吗
  • 地税注销流程
  • 公司支付个人劳务
  • 纳税申报有哪些规定
  • 公司账上亏损
  • 两年利润都为负数,如何计算完成率
  • 企业在国内采购并运往境外作为投资的货物
  • 无法查明原因现金盘盈计入什么科目
  • 劳务报酬计入综合所得吗
  • php生成随机字符串源,且不会重复出现
  • 无法将node项识别为
  • 增值税的特殊项目
  • 计算机网络拓扑结构有哪些
  • phpstudy配置https
  • 购房名义提取公积金
  • php语言之面向对象编程 educoder
  • 微信支付php开发流程
  • 注意力机制工作原理
  • redis常见问题解决
  • 好家伙41集
  • php忘记密码
  • 持有期间公允价值变动的科目归属
  • 土地作为无形资产摊销年限
  • 报表里主营业务怎么填
  • 个体户开票超过10万怎么交税
  • 公司缴纳社保如何做账
  • 营改增后材料价差调整
  • sql server 2008数据库引擎等安装失败
  • sqlserver怎么把数据库导出来
  • 固定资产税会折扣吗
  • 应付账款借方如何重分类会计科目
  • 使用积分换取物的软件
  • 递延收益会计科目使用说明
  • 什么叫代销合同
  • 开发票的销售收入正规的做账如何做?
  • 存货盘亏有哪些情况
  • 财政直接支付是什么科目
  • 信用卡产生滞纳金会影响信用吗
  • 资产减值损失如何计提
  • 员工成本价购买公司商品 税屋
  • 建筑行业项目经理的岗位职责
  • 样品制作公司
  • 低值易耗品怎么处理
  • 公司经营范围怎么填
  • 记账凭证的填制与审核
  • mysql 5.7.11 winx64.zip安装配置方法图文教程
  • linux/fs.h
  • vidaa 破解
  • 注销与退出登录
  • kvm虚拟机是什么
  • win7系统开机蓝屏0x0000007b
  • Linux(CentOS)用split命令分割文件的方法
  • 光盘pe系统
  • windows8开机慢怎么办
  • win10 20h2 v2
  • linux文件目录的含义
  • opengl实现光照效果
  • js类继承的几种方式
  • js设计模式书
  • jquery旋转动画
  • 开票后怎么报税呢
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设