Comment appeler Baidu Map pour obtenir l'emplacement actuel sur la page h5 (code)-Tutoriel H5-php.cn

Comment appeler Baidu Map pour obtenir l'emplacement actuel sur la page h5 (code)

不言

Libérer： 2018-09-10 14:16:45

original

7655 Les gens l'ont consulté

Le contenu de cet article explique comment appeler Baidu Map pour obtenir l'emplacement actuel (code) sur une page h5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Dans les projets, la fonction de positionnement GRS des téléphones mobiles est de plus en plus utilisée. Pour utiliser l'API Baidu Map afin d'obtenir l'emplacement actuel et de le marquer sur la carte, vous devez d'abord enregistrer la clé sur le site officiel.
Comment appeler Baidu Map pour obtenir lemplacement actuel sur la page h5 (code)

Comment appeler Baidu Map pour obtenir lemplacement actuel sur la page h5 (code)

Cliquez pour obtenir la clé et inscrivez-vous pour obtenir la clé.
Le code complet est le suivant :

<!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>

Copier après la connexion

Le résultat de l'exécution est :
Comment appeler Baidu Map pour obtenir lemplacement actuel sur la page h5 (code)