项目场景：

用uniapp 实现签到签退（使用高德的api）

问题描述

提示：这里描述项目中遇到的问题：

例如：使用uniapp 自带的组件不能实现点击地图再签退

提示思路：

提示：使用uniapp （写入2个script,第一个script,放自己本身的方法，第二个script放加载地图的方法）

解决方案：

<view id="amap" class="amap" :prop="locationInfo" :change:prop="amap.updateEcharts" @click="amap.onClick" ></view>

//获取经纬度

async   getAddress(){
   let _this=this;
       return new Promise((resolve, reject) => {
   uni.getLocation({
               type: 'wgs84',
               geocode:true,
               success: function(res) {
                   _this.lng= [res.longitude,res.latitude]
                   resolve(_this.lng)
               }
           });
           })
       },

getPoe(){
           getInfo().then(res=>{
               this.sginPro.roleName=res.data.roles[0].roleName
               this.sginPro.roleId =res.data.roles[0].id
           })
       },

//第二个script

updateEcharts(newValue, oldValue, ownerInstance, instance) {
      // console.log(newValue,oldValue,'00000')
                   this.lng=newValue.lng
                   this.lat=newValue.lat
                   // this.initMarkers()
},

getAddress(){
               let _this=this;
               var geoCoder;
               this.map.plugin(['AMap.Geocoder'],function(){
                   geoCoder = new AMap.Geocoder({
                   city: ""//城市，默认：“全国”
                   });
                   var lnglatXY = _this.lat !== ''?[_this.lng,_this.lat]:''; // 地图上所标点的坐标
                   geoCoder.getAddress(lnglatXY, function(status, result) {
                       _this.sginPro.signInAddress = result.regeocode.formattedAddress;
                       _this.onClick(null,_this.ownerInstance,_this.sginPro.signInAddress)
                       _this.$ownerInstance.callMethod('onViewClick', _this.sginPro.signInAddress)

                   })

               })
           },

实现高德地图签到签退（uniapp）相关推荐

【QA】集成高德地图SDK闪退问题
集成高德地图SDK闪退问题昨天集成高德地图SDK,地图显示正常,但是点击返回键退出地图的时候,程序闪退,排查发现销毁地图时调用,mapView.onDestroy() 闪退,不调用的话内存溢出,这. ...
OA系统：实现签到签退功能
一.思路 1.创建数据库(注:添加自增主键或者双主键,这里使用了自增主键dtid) 2.创建控制层和业务层,添加signin和signout两种方法二.功能实现 1.创建数据库 create tab ...
JavaEE中，考勤（签到签退）功能的实现
体会实现具体功能的思想并加以运用签到功能 1.数据库中要有相应的表,并创建相应的实体类,复写相关方法 2.在相关的jsp页面添加两个jsp按钮,用于签到与签退,并添加id属性 3.在servlet中 ...
每日自动签到签退的程序
公司里有一个网页版的考勤系统.每天打开电脑,用域账户登录,然后打开IE,输入网址,系统会自动感知你的域账户,显示个人信息,在8点半之前点击签到就不算迟到. 像下面的图这样终于有一天由于地铁故障迟到了 ...
【JavaScript】分享一个定时到网站上签到/签退的JS脚本
之前介绍过使用temperMonkey屏蔽CSDN广告的方法,主要就是要针对性地分析网站结构,然后用代码去改变或者操作DOM.今天也一样,我们需要观察网页结构,找到我们要操作的按钮,触发他的click ...
EF实现考勤管理---(MVC，签到签退)
1.获取登陆用户id 2.后台控制器实现数据库访问和数据传递 3.DAL层实现后台数据库访问和数据传递(上班签到时间.审核状态,下班签退时间.审核状态)判断 4.前台解析后台传递数据,动态解析用户和时 ...
签到签退功能的实现-01
实现思路签到流程是怎样的? 点击签到,往表中插入用户名.签到日期.签到时间.默认自增id,签到一次后不可重复签到,点击签退,更新签退时间,可能未签到,可能已签退,更新时间
php会议签到签退系统,会议签到管理系统,无障碍会议签到系统,一卡通会议签到系统,会议签到系统 - 新开普(NewCapec)...
会议签到系统会议签到管理系统是对会议信息的一种统计和详细记录,对参加会议人员进行统一的管理,及时.准确地统计与会人员的迟到.早退.未参加等各种会议状态. 会议签到系统主要是在一卡通系统平台下开发的针 ...
android-踩坑笔录,android整合高德地图签到打卡
效果图: 1.登陆官网:https://console.amap.com/dev/key/app 2.点击创建新应用名称,应用类型 3.创建好后点击添加 4.添加: key名称 SHA1安全码: 安 ...

实现高德地图签到签退（uniapp）

项目场景：

问题描述

提示思路：

解决方案：

实现高德地图签到签退（uniapp）相关推荐

最新文章

热门文章