• h5移动端获取当前手机位置的方法,js纯获取,非原生


      mounted() {
        
    var mapObj = new AMap.Map('iCenter');
                mapObj.plugin('AMap.Geolocation', function () {
                    let geolocation = new AMap.Geolocation({
                        enableHighAccuracy: true, // 是否使用高精度定位,默认:true
                        timeout: 10000,           // 超过10秒后停止定位,默认:无穷大
                        maximumAge: 0,            // 定位结果缓存0毫秒,默认:0
                        convert: true,            // 自动偏移坐标,偏移后的坐标为高德坐标,默认:true
                        showButton: true,         // 显示定位按钮,默认:true
                        buttonPosition: 'LB',     // 定位按钮停靠位置,默认:'LB',左下角
                        buttonOffset: new AMap.Pixel(10, 20), // 定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
                        showMarker: true,         // 定位成功后在定位到的位置显示点标记,默认:true
                        showCircle: true,         // 定位成功后用圆圈表示定位精度范围,默认:true
                        panToLocation: true,      // 定位成功后将定位到的位置作为地图中心点,默认:true
                        zoomToAccuracy:true       // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
                    });
                    mapObj.addControl(geolocation);
                    geolocation.getCurrentPosition();
                    AMap.event.addListener(geolocation, 'complete', onComplete); // 返回定位信息
                    AMap.event.addListener(geolocation, 'error', onError);       // 返回定位出错信息
                });
    
                function onComplete(obj){
                    // var res = '经纬度:' + obj.position + 
                    //         '
    精度范围:' + obj.accuracy + 
                    //         '米
    定位结果的来源:' + obj.location_type + 
                    //         '
    状态信息:' + obj.info + 
                    //         '
    地址:' + obj.formattedAddress + 
                    //         '
    地址信息:' + JSON.stringify(obj.addressComponent, null, 4);
                    // alert(res);
                    this.position = obj.position
                    console.log(this.position.lat,this.position.lng)
                    
                }
    
                function onError(obj) {
                    alert('失败--地理位置权限被拒绝。');
                    console.log(obj);
                    // this.$showToast('失败--地理位置权限被拒绝。');
                }
    }
  • 相关阅读:
    CompletableFuture(yet)
    模拟future
    一次使用jmap评估是否可以把类似session信息挂靠在某未知框架的某暴露对象上
    只读事务与普通读
    多重分表分库一般解决方案
    mat解决oom一般方法实践
    类加载器隔离朴实案例(二)logback
    在51系列中data,idata,xdata,pdata的区别
    linux 简单的DMA例程
    disable_irq()与disable_irq_nosync()区别
  • 原文地址:https://www.cnblogs.com/yeanling/p/14573118.html
Copyright © 2020-2023  润新知