Baidu Map을 호출하여 h5 페이지에서 현재 위치를 얻는 방법(코드)-H5 튜토리얼-php.cn

Baidu Map을 호출하여 h5 페이지에서 현재 위치를 얻는 방법(코드)

不言

풀어 주다： 2018-09-10 14:16:45

원래의

7655명이 탐색했습니다.

이 기사의 내용은 h5 페이지에서 Baidu 지도를 호출하여 현재 위치(코드)를 얻는 방법에 대한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

프로젝트에서 휴대폰의 GRS 위치 확인 기능이 점점 더 많이 사용되고 있습니다. Baidu Map API를 사용하여 현재 위치를 파악하고 지도에 표시하려면 먼저 공식 웹사이트에 키를 등록해야 합니다
Baidu Map을 호출하여 h5 페이지에서 현재 위치를 얻는 방법(코드)

Baidu Map을 호출하여 h5 페이지에서 현재 위치를 얻는 방법(코드)

키를 받으려면 클릭하세요. 등록을 하면 키를 받을 수 있습니다.
전체 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src=" 
</script>
<title>百度地图的定位</title>
</head>
<body>
    <p id="allmap" style="width: 100%;height: 500px;"></p>
    <script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    var point = new BMap.Point(108.95,34.27);
    map.centerAndZoom(point,12);    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){console.log(r.point)        
    if(this.getStatus() == BMAP_STATUS_SUCCESS){            
    var mk = new BMap.Marker(r.point);
            map.addOverlay(mk);//标出所在地
            map.panTo(r.point);//地图中心移动
            //alert(&#39;您的位置：&#39;+r.point.lng+&#39;,&#39;+r.point.lat);
            var point = new BMap.Point(r.point.lng,r.point.lat);//用所定位的经纬度查找所在地省市街道等信息
            var gc = new BMap.Geocoder();
            gc.getLocation(point, function(rs){
               var addComp = rs.addressComponents; console.log(rs.address);//地址信息
               alert(rs.address);//弹出所在地址

            });
        }else {
            alert(&#39;failed&#39;+this.getStatus());
        }        
    },{enableHighAccuracy: true})</script></body></html>

로그인 후 복사

실행 결과는
Baidu Map을 호출하여 h5 페이지에서 현재 위치를 얻는 방법(코드)