ホームページ > ウェブフロントエンド > jsチュートリアル > WeChat エンタープライズ アカウント開発 WeChat 出席 百度地図位置決め_JavaScript スキル

WeChat エンタープライズ アカウント開発 WeChat 出席 百度地図位置決め_JavaScript スキル

WBOY
リリース: 2016-05-16 15:39:51
オリジナル
3276 人が閲覧しました

以前、WeChat Enterprise Account: WeChat Attendance の開発で、Baidu Map の測位コンポーネントを使用しましたが、一部の携帯電話で測位失敗のプロンプトが表示されることに気づき、Baidu Map について勉強しました。元の Web コンポーネント Baidu は更新する予定がなかったので、Baidu Maps の他の API を再確認し、JavaScript API 公開版もあるので試してみましたが、思いの外解決しました。

コアコードは非常にシンプルです:

<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> 
ログイン後にコピー

結果を達成する


上記のコンテンツは、WeChat エンタープライズ公開アカウントによって開発された WeChat 出席と Baidu マップの位置情報を共有するためのものです。コードはシンプルで理解しやすいので、必要な方はぜひ学習してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート