Top

高德地图定位之浏览器定位

高德地图使用官网 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>
posted @ 2017-10-10 21:47  Avenstar  阅读(492)  评论(0编辑  收藏