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('获取您当前位置失败!')
}
});
});
},
高德地图浏览器定位
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 资源: 百度地图开放平台JavaScript API v2.0类参考百度地图开放平台JavaScript API百...
- 绚烂的烟火倒映在尖顶城堡前的小河, 银色的闪光,以一道圆弧的姿态划破夜空。 熟悉的片头伴随熟悉的旋律, 唤醒童年最...
- 没有努力的学习,也就没有大学生活的乐趣 作者:Joker 无论是高考成绩好,还是高考成绩差,或者高考成绩一般的同学...