uniapp中几个常用VXapi使用

曼妙佳人

获取微信定位/打开内置地图查看位置

1. uni.getLocation({
   
2.     type: 'gcj02 ',
   
3.     //type: 'wgs84',
   
4.     success: (res) => {
   
5.         console.log("获取微信定位", res)
   
6.         // console.log('当前位置的经度1：' + res.longitude);
   
7.         // console.log('当前位置的纬度1：' + res.latitude);
   
8.         if (!res.longitude) {
   
9.             return;
   
10.         }
    
11.         const latitude = res.latitude;
    
12.         const longitude = res.longitude;
    
13.         uni.openLocation({
    
14.             latitude: latitude,
    
15.             longitude: longitude,
    
16.             success: function () {
    
17.                 console.log('success');
    
18.             }
    
19.         });
    
20.     },
    
21.     fail: (data) => {
    
22.          console.log('data=============', data);
    
23.     }
    
24. });

复制代码

绑定手机号

1. <button type="" class="cu-btn bg-red sm" open-type="getPhoneNumber"
   
2.     @getphonenumber="getPhoneNumber">立即绑定</button>
   
3.     //用户允许回调，用户后端数据绑定
   
4. getPhoneNumber(e) {
   
5.     console.log(e)
   
6.     console.log(e.detail.errMsg)
   
7.     console.log(e.detail.iv)
   
8.     console.log(e.detail.encryptedData);
   
9.     //用户允许之后执行的操作
   
10.     if (str.indexOf('ok') != -1) {}
    
11. }

复制代码

使用内置地图查看位置

1. uni.openLocation({
   
2.     latitude: parseFloat(dataArray[0][0]), // 纬度，浮点数，范围为90 ~ -90
   
3.     longitude: parseFloat(dataArray[0][1]), // 经度，浮点数，范围为180 ~ -180。
   
4.     name: dataArray[0][2], // 位置名
   
5.     address: dataArray[0][3], // 地址详情说明
   
6.     scale: 18, // 地图缩放级别,整形值,范围从1~28。默认为最大
   
7.     infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
   
8. });

复制代码

联系客服

1. <button class="flex align-center flex-direction text-df" style="color: #666666;" open-type="contact" session-from="ttyh" :show-message-card="true" send-message-title="找好店,就上店探长" send-message-img="/static/shareIndexImage.png" send-message-path="/pages/index/index">
   
2.     <view class="icon-box flex justify-center align-center text-xxl">
   
3.         <text class="cuIcon-recharge"></text>
   
4.         <text class="bg-red point"></text>
   
5.     </view>
   
6.     <view style="line-height: 1.4;">联系客服</view>
   
7. </button>

复制代码