js获取高德地图自身定位

前言

本文带你了解一下js如何获取自身的当前定位

*在写之前一定要引入自己在高德API上的key值

1.引入key

代码如下(示例):


2.设置地图容器

代码如下(示例):

//记住一定要加宽高

3.地图初始化

代码如下(示例):

var map = new AMap.Map('map_wrapper', {
     resizeEnable: true,
	 zoom:15, //number 地图显示的缩放级别 : 3-20级
});

 4.获取高精定位

代码如下(示例):

AMap.plugin('AMap.Geolocation', function() {
	var geolocation = new AMap.Geolocation({
	    enableHighAccuracy: true,//高精定位,默认true,可不写
		timeout: 10000,// 设置获取定位后的加载时间
        buttonOffset: new AMap.Pixel(10, 20), // 定位按钮的偏移量
		zoomToAccuracy: true,     
		buttonPosition: 'RB'//设置定位按钮的显示位置
	})

geolocation.getCurrentPosition(function(status,result) {
	if(status=='complete'){
		onComplete(result)
	}else{
		onError(result)
	}
 })  

 function onComplete (data) {
    //具体的定位详情   
   }
			
function onError (data) {
	// 定位报错处理
   }

})

你可能感兴趣的:(javascript,vscode)