Maison > interface Web > js tutoriel > Développement de comptes d'entreprise WeChat Participation WeChat Carte Baidu positionnement_javascript Compétences

Développement de comptes d'entreprise WeChat Participation WeChat Carte Baidu positionnement_javascript Compétences

WBOY
Libérer: 2016-05-16 15:39:51
original
3276 Les gens l'ont consulté

Auparavant, dans le développement du compte WeChat Enterprise : WeChat Attendance, j'ai utilisé le composant de positionnement de Baidu Map, mais j'ai découvert qu'une invite d'échec de positionnement apparaissait sur certains téléphones mobiles, j'ai donc étudié Baidu Map. Le composant Web d'origine que Baidu n'avait pas prévu de mettre à jour, j'ai donc revérifié d'autres API de Baidu Maps, et il existe également une version publique de l'API JavaScript, donc je l'ai essayé, mais de manière inattendue, cela a été résolu.

Le code de base est très simple :

<div id="allmap"></div> 
 <script type="text/javascript" src="http://api.map.baidu.com/api&#63;v=2.0&ak=kkkk"></script> 
 <script type="text/javascript"> 
 // 百度地图API功能 
 var map = new BMap.Map("allmap"); 
 var circle = new BMap.Geolocation(); 
 circle.getCurrentPosition(locationResult); // 
 map.addOverlay(circle); 
 function locationResult(geolocationResult) { 
  var Status = this.getStatus() 
  if (Status == 0)//检索成功。对应数值“0”。 
  { 
   $("#lng").val(geolocationResult.point.lng); 
   $("#lat").val(geolocationResult.point.lat); 
   var address = geolocationResult.address; 
   $("#city").val(address.city); 
   $("#district").val(address.district); 
   $("#street").val(address.street); 
   $("#address").val(address.province + address.city + address.district + address.street + address.street_number); 
  } 
  else { 
   alert("定位失败错误码" + Status) 
  } 
 } 
</script> 
Copier après la connexion

Obtenir des résultats


Le contenu ci-dessus est de partager avec vous la fréquentation WeChat et le positionnement sur la carte Baidu développés par le compte public de l'entreprise WeChat. Le code est simple et facile à comprendre. Amis qui en ont besoin, venez l'apprendre.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal