高德地图api获取当前地理位置

引入

		<script language="javascript" src="https://webapi.amap.com/maps?v=1.3&key=你的key"></script>

高德地图开发平台可以注册账号,创建应用获取key值,注意的是chrome浏览器不支持h5的api Geolocation

		mapObj = new AMap.Map('iCenter');
		mapObj.plugin('AMap.Geolocation', function () {
	    	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(success){
			console.log(success)
		}
		function onError(error){
			console.log(error)
		}

成功后的回调

全部评论

相关推荐

斑驳不同:还为啥暴躁 假的不骂你骂谁啊
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务