位置: 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引入文件路径@的意思)

  • 消费税是什么意思大白话
  • 结转和分配制造费用会计分录
  • 工程材料发票备注要求
  • 个体工商户必须缴纳社保吗
  • 减免增值税申报表
  • 小规模纳税人季报还是月报?
  • 电商刷单返现如何做账务处理合适?
  • 办公室租赁费计入什么科目
  • 股权内部转让交增值税吗
  • 没有实收资本是负债吗
  • 应交税金属于什么会计分录
  • 公司购买6个月的保险
  • 报税系统增值税纳税申报查询可以查几年的
  • 填报企业所得税资产总额怎么填
  • 消费税和增值税的不同之处
  • etc卡预充值后怎么办
  • 企业出口产品条件和流程
  • 信用卡购物消费怎么算
  • 进项税转出包括哪些
  • 实收资本账户的核算内容是什么
  • 如何在excel中运算
  • system进程有什么用
  • 电脑取消共享文件夹
  • php中字符串函数
  • 汽车修理公司的成本怎么核算
  • 销售合同怎么计算印花税
  • php current
  • 装win7提示失败怎么办
  • 企业所得税税前扣除凭证(发票)风险提示反馈
  • 企业长期资金的筹集方式
  • 可以享受企业所得税加计扣除的有
  • php引用类型
  • php如何连接sql server
  • 怎么编制资金平衡表格
  • 其他经营收益怎么算
  • 股东分红的会计处理方法
  • 增值税电子发票怎么领用
  • 进项税额转出月底需要结转吗
  • 库存商品和固定成本区别
  • 支付所得税属于经营活动产生的现金流量吗
  • 代开专票的个税减免吗?
  • 开票资料的开户银行必须是基本户吗
  • 不动产作价出资入股登记收件
  • 获取sqlsession
  • 经营性罚款和行政性罚款的区别
  • 小微企业所得税优惠政策最新2023
  • 股东权益是资产吗
  • 主营业务成本里的工资
  • 工程施工的成本
  • 可供出售金融资产和交易性金融资产
  • 收据能开发票吗
  • 审车费用表
  • 劳务派遣期限是什么意思
  • 总公司中标走子公司账户违法吗
  • 展览费计入管理费用吗
  • 租赁车子
  • 现金日记账的对账工作有哪些
  • 商业企业的期间费用包括
  • 在sql中使用where子句指出的是
  • Win7如何取消电脑的屏幕保护
  • vrvarp.exe是什么
  • centos7安装软件包命令
  • win7系统自带网卡吗?
  • win8怎么打开桌面
  • nodejsweb框架
  • 解决Android Studio下载gradle慢
  • 批处理 计算
  • python图像移动
  • jquery动态设置元素的值
  • 应用框架的设计方法
  • js基于什么
  • 归档 oracle
  • django 软删除
  • python冒泡排序流程图
  • python读dat数据
  • 发票查验明细怎么截屏
  • 国家税务总局遴选拟录取名单
  • 地税税务登记代码怎么查
  • 山东省国税网
  • 代扣代缴企业所得税手续费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设