高德地图浏览器定位

 getPosition(){
            let mapObj = new AMap.Map('map-location', {//'map-location'是对应页面盒子的id
                        resizeEnable: true, //自适应大小
                        zoom: 13//初始视窗
            });
            mapObj.plugin('AMap.Geolocation',()=> {
                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',data=>{
                    console.log(data.formattedAddress)
                    this.ruleForm.r_location=data.formattedAddress
                    data.position.getLng() //定位成功返回的经度
                    data.position.getLat() //定位成功返回的纬度
                    var marker = new AMap.Marker({
                            position: new AMap.LngLat( data.position.getLng(),data.position.getLat()),   // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
                            title: data.formattedAddress,
                            draggable:true,
                    });
                    mapObj.add(marker);
                }); //返回定位信息
                   
                AMap.event.addListener(geolocation, 'error', function(data) {
                    if (data.info == 'FAILED') {
                        alert('获取您当前位置失败!')
                    }
                });
            });      
        },

你可能感兴趣的:(高德地图浏览器定位)