高德地图---获取用户的地理位置Geolocation
1.前提//必要的JSAPI脚本-----顺序同步加载方式//dom--container注意设置css宽高
2.js实现创建地图和获取用户地理位置的逻辑函数(3种方法)1)地图初始化加载,定位当前城市2)浏览器定位3)IP定位获取当前城市信息ps:需求需要定位到具体位置,下面主要是浏览器定位,1和3只定位城市//1)初始化加载地图,定位当前城市ps:只能获取城市级别的信息varmap=newAMap.Map('map_wrapper',{resizeEnable:true,zoom:20,//地图显示的number缩放级别:3-20级//zooms:[5,18]缩放级别disp的范围放置在地图上默认是[3,18]在PC和[3,19],});在移动设备上,默认为[3,19],});//2)浏览器定位。如果要获取具体位置,需要使用浏览器定位。//高德JSAPI提供了AMap.Geolocation插件实现定位。AMap.plugin('AMap.Geolocation',function(){vargeolocation=newAMap.Geolocation({//是否使用高精度定位,默认:trueenableHighAccuracy:true,//设置定位超时时间,默认:infinitytimeout:10000,//定位按钮停靠位置的偏移量,默认:Pixel(10,20)buttonOffset:newAMap.Pixel(10,20),//定位成功后,调整地图视野使定位位置和精度范围可见,default:falsezoomToAccuracy:true,//定位按钮的位置,RB表示右下buttonPosition:'RB'})//addControl(obj:Object)添加控件,其中可以是任意插件对象map.addControl(geolocation);//------//getCurrentPosition(callback:function(status,result){})获取用户当前的精确位置信息geolocation.getCurrentPosition(function(status,result){if(status=='complete'){onComplete(result)}else{onError(result)}})//or//geolocation.getCurrentPosition()//AMap.event.addListener(geolocation,'complete',onComplete)//AMap.event.addListener(geolocation,'error',onError)//----functiononComplete(data){//数据是具体定位信息}fufunctiononError(data){//定位错误}})