前言
本文带你了解一下js如何获取自身的当前定位
*在写之前一定要引入自己在高德API上的key值
1.引入key
代码如下(示例):
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=edd291afc0740e0468cc222bf19a88fe"></script>
2.设置地图容器
代码如下(示例):
<div id="map_wrapper"></div> //记住一定要加宽高
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) {
// 定位报错处理
}
})