前言
本文带你了解一下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) { // 定位报错处理 } })