高德地图使用官网 WEB端高德地图使用javascript-api
高德地图定位之浏览器定位源码
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> 7 <title>浏览器定位</title> 8 <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/> 9 <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key=您申请的key值"></script>--> 10 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key=fd15ae6760592207f05cc78151bfe7b1"></script> 11 <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> 12 <body> 13 <div id='container' class="gaode-map"></div> 14 <div id="tip"></div> 15 <script type="text/javascript"> 16 /*************************************** 17 由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。 18 ***************************************/ 19 var map, geolocation; 20 //加载地图，调用浏览器定位服务 21 map = new AMap.Map('container', { 22 resizeEnable: true 23 }); 24 map.plugin('AMap.Geolocation', function() { 25 geolocation = new AMap.Geolocation({ 26 enableHighAccuracy: true,//是否使用高精度定位，默认:true 27 timeout: 10000, //超过10秒后停止定位，默认：无穷大 28 buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20) 29 zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false 30 buttonPosition:'RB' 31 }); 32 map.addControl(geolocation); 33 geolocation.getCurrentPosition(); 34 AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息 35 AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息 36 }); 37 //解析定位结果 38 function onComplete(data) { 39 var str=['定位成功']; 40 str.push('经度：' + data.position.getLng()); 41 str.push('纬度：' + data.position.getLat()); 42 if(data.accuracy){ 43 str.push('精度：' + data.accuracy + ' 米'); 44 }//如为IP精确定位结果则没有精度信息 45 str.push('是否经过偏移：' + (data.isConverted ? '是' : '否')); 46 document.getElementById('tip').innerHTML = str.join('<br>'); 47 } 48 //解析定位错误信息 49 function onError(data) { 50 document.getElementById('tip').innerHTML = '定位失败'; 51 } 52 </script> 53 </body> 54 </html>