ミニプログラムmpvueは実際の場所を特定します

1.現在の地理的位置と速度を取得します。必要なファイルにonLoadを入力します

サンプルコード：

<script>
export default {
    
    
  data() {
    
    
    return {
    
    
      province："加载中。。。"
      
    };
  },
  onLoad() {
    
    
    wx.getLocation({
    
    
      type: "wgs84",
      success: (res)=> {
    
    
        console.log(res);//获取经纬度
        const latitude = res.latitude;
        const longitude = res.longitude;
        const speed = res.speed;
        const accuracy = res.accuracy;
      },
    });
  },
};
</script>

2.app.jsonの以下のページに入力します

{
    
    
    "permission": {
    
    
      "scope.userLocation": {
    
    
        "desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公路行驶持续后台定位
      }
    },
 

3.公式の手順をクリックしてください

• サインインしてアプリを追加します

• 「JavaScriptSDKv1.2を
  開いて配置する」をダウンロードします
  • ドメイン名を追加します（リクエストの有効なドメイン名を設定し、https：//apis.map.qq.comを追加します）

4.必要な書類を記入します

// 引入SDK核心类

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');//注意路径
 
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    
    
    key: '' // 必填  刚刚注册的密钥
});  

5.保存が与えられているのは、Cannot assign to read only property 'exports' of object '#<Object>'今度はファイルを変更する必要があるファイルエラーをプルするだけです。.babelrcを追加します。,"transform-es2015-modules-commonjs"

6.実際の場所の取得を開始します

 qqmapsdk.reverseGeocoder({
    
    
          //位置坐标，默认获取当前位置，非必须参数
          //Object格式
          location: {
    
    
            latitude: latitude,
            longitude: longitude,
          },
          success: result => {
    
    
            console.log(result)//可以看出所在地
            console.log(result.result.address_component.province) //可以看出所在省
            const province = result.result.address_component.province
            this.province = province
          }
        });

コード図：