Maison > Article > interface Web > Comment appeler Baidu Map pour obtenir l'emplacement actuel sur la page h5 (code)
Comment appeler Baidu Map pour obtenir l'emplacement actuel sur la page h5 (code)
- 不言original
- 2018-09-10 14:16:457591parcourir
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. 
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('您的位置：'+r.point.lng+','+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('failed'+this.getStatus());
}
},{enableHighAccuracy: true})</script></body></html>Le résultat de l'exécution est :
(Remarque : le positionnement du navigateur n'est pas précis, il est recommandé d'utiliser un téléphone portable pour tester ! )
Recommandations associées :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!