Heim > Web-Frontend > js-Tutorial > WeChat-Unternehmenskontoentwicklung WeChat-Anwesenheit Baidu-Kartenpositionierung_Javascript-Fähigkeiten

WeChat-Unternehmenskontoentwicklung WeChat-Anwesenheit Baidu-Kartenpositionierung_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:39:51
Original
3262 Leute haben es durchsucht

Zuvor habe ich bei der Entwicklung des WeChat Enterprise-Kontos: WeChat Attendance die Positionierungskomponente von Baidu Map verwendet, aber festgestellt, dass auf einigen Mobiltelefonen eine Aufforderung zum Positionierungsfehler angezeigt wurde, also habe ich Baidu Map studiert. Die ursprüngliche Webkomponente von Baidu war nicht geplant, zu aktualisieren, daher habe ich andere APIs von Baidu Maps erneut überprüft. Es gibt auch eine öffentliche Version der JavaScript-API, also habe ich es versucht, aber unerwartet wurde das Problem gelöst.

Der Kerncode ist sehr einfach:

<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> 
Nach dem Login kopieren

Ergebnisse erzielen


Der oben genannte Inhalt dient dazu, die von WeChat Enterprise Public Account entwickelte WeChat-Anwesenheit und Baidu-Kartenpositionierung mitzuteilen. Der Code ist einfach und leicht zu verstehen. Freunde, die ihn brauchen, kommen und lernen ihn.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage