uniApp 解决uniapp三方地图获取位置接口的请求次数限制问题,分别提供 Android 和 iOS 的实现方法(原生插件获取)

以下是使用 UniApp 编写获取位置信息的原生插件步骤,这里分别提供 Android 和 iOS 的实现方法。

一、Android 端实现

  1. 创建原生插件模块

    • 在 UniApp 项目目录下创建一个目录,比如 nativeplugins/android/locationPlugin
    • 使用 Android Studio 创建一个 Android Library 模块,将其命名为 locationPlugin(与目录名一致)。
  2. 实现获取位置信息的功能

    • 在插件的 Java 代码中,可以使用 Android 的 LocationManager 来获取位置信息。以下是一个示例类:
java 复制代码
import android.Manifest;
import android.content.Context;
import android.content.pm.PackageManager;
import android.location.Location;
import android.location.LocationListener;
import android.location.LocationManager;
import android.os.Bundle;
import android.util.Log;

import com.alibaba.fastjson.JSONObject;
import com.taobao.weex.annotation.JSMethod;
import com.taobao.weex.bridge.JSCallback;
import com.taobao.weex.common.WXModule;

public class LocationPlugin extends WXModule implements LocationListener {

    private LocationManager locationManager;
    private JSCallback callback;

    @JSMethod
    public void getLocation(JSCallback jsCallback) {
        callback = jsCallback;
        locationManager = (LocationManager) mWXSDKInstance.getContext().getSystemService(Context.LOCATION_SERVICE);

        if (checkSelfPermission(Manifest.permission.ACCESS_FINE_LOCATION)!= PackageManager.PERMISSION_GRANTED && checkSelfPermission(Manifest.permission.ACCESS_COARSE_LOCATION)!= PackageManager.PERMISSION_GRANTED) {
            // 申请权限
            requestPermissions(new String[]{Manifest.permission.ACCESS_FINE_LOCATION, Manifest.permission.ACCESS_COARSE_LOCATION}, 1);
            return;
        }

        locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 0, 0, this);
    }

    @Override
    public void onLocationChanged(Location location) {
        if (location!= null) {
            JSONObject jsonObject = new JSONObject();
            jsonObject.put("latitude", location.getLatitude());
            jsonObject.put("longitude", location.getLongitude());
            if (callback!= null) {
                callback.invoke(jsonObject);
            }
            locationManager.removeUpdates(this);
        }
    }

    @Override
    public void onStatusChanged(String provider, int status, Bundle extras) {

    }

    @Override
    public void onProviderEnabled(String provider) {

    }

    @Override
    public void onProviderDisabled(String provider) {

    }
}
  1. 注册插件
    • 在插件模块的 AndroidManifest.xml 文件中注册插件:
xml 复制代码
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <application>
        <meta-data
            android:name="WX_MODULE_LIST"
            android:value="com.example.locationPlugin.LocationPlugin" />
    </application>
</manifest>

二、iOS 端实现

  1. 创建原生插件模块

    • 在 UniApp 项目目录下创建一个目录,比如 nativeplugins/ios/locationPlugin
    • 使用 Xcode 创建一个 Cocoa Touch Framework,将其命名为 locationPlugin(与目录名一致)。
  2. 实现获取位置信息的功能

    • 在插件的 Objective-C 或 Swift 代码中,可以使用 iOS 的 CLLocationManager 来获取位置信息。以下是一个 Objective-C 的示例类:
objc 复制代码
#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#import <WeexSDK/WXModule.h>
#import <CoreLocation/CoreLocation.h>

@interface LocationPlugin : WXModule <CLLocationManagerDelegate>

@property (nonatomic, strong) CLLocationManager *locationManager;

@end

@implementation LocationPlugin

- (void)getLocation:(WXModuleKeepAliveCallback)callback {
    self.locationManager = [[CLLocationManager alloc] init];
    self.locationManager.delegate = self;
    if ([CLLocationManager authorizationStatus] == kCLAuthorizationStatusNotDetermined) {
        [self.locationManager requestWhenInUseAuthorization];
    } else if ([CLLocationManager authorizationStatus] == kCLAuthorizationStatusAuthorizedWhenInUse || [CLLocationManager authorizationStatus] == kCLAuthorizationStatusAuthorizedAlways) {
        [self.locationManager startUpdatingLocation];
    }
}

- (void)locationManager:(CLLocationManager *)manager didUpdateLocations:(NSArray<CLLocation *> *)locations {
    CLLocation *location = [locations lastObject];
    NSDictionary *dict = @{
        @"latitude": @(location.coordinate.latitude),
        @"longitude": @(location.coordinate.longitude)
    };
    [self fireEvent:@"locationUpdated" params:dict];
    [manager stopUpdatingLocation];
}

- (void)locationManager:(CLLocationManager *)manager didFailWithError:(NSError *)error {
    NSDictionary *dict = @{
        @"error": error.localizedDescription
    };
    [self fireEvent:@"locationError" params:dict];
}

@end
  1. 注册插件
    • 在插件模块的 Info.plist 文件中注册插件:
xml 复制代码
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>WXAppModuleClassName</key>
    <string>LocationPlugin</string>
</dict>
</plist>

三、在 UniApp 中使用插件

  1. manifest.json 文件中配置插件:
json 复制代码
{
  "app-plus": {
    "nativePlugins": {
      "locationPlugin": {
        "android": {
          "class": "com.example.locationPlugin.LocationPlugin"
        },
        "ios": {
          "class": "locationPlugin.LocationPlugin"
        }
      }
    }
  }
}
  1. 在 UniApp 的 Vue 页面中调用插件:
javascript 复制代码
import uni from '@dcloudio/uni-app';

export default {
  data() {
    return {
      location: {}
    };
  },
  methods: {
    getLocation() {
      uni.requireNativePlugin('locationPlugin').getLocation(res => {
        this.location = res;
      });
    }
  }
};

注意:在实际使用中,需要处理权限申请、错误处理等情况,以确保插件的稳定性和可靠性。

相关推荐
浪浪山小白兔5 分钟前
HTML5 常用事件详解
前端·html·html5
Python大数据分析@23 分钟前
通俗的讲,网络爬虫到底是什么?
前端·爬虫·网络爬虫
Lysun00144 分钟前
vue2的$el.querySelector在vue3中怎么写
前端·javascript·vue.js
五味香1 小时前
Java学习,查找List最大最小值
android·java·开发语言·python·学习·golang·kotlin
jerry-891 小时前
Centos类型服务器等保测评整/etc/pam.d/system-auth
java·前端·github
小爬菜1 小时前
Django学习笔记(启动项目)-03
前端·笔记·python·学习·django
想要打 Acm 的小周同学呀1 小时前
前端Vue2项目使用md编辑器
前端·编辑器·vue2·markdown 语法
计算机-秋大田2 小时前
基于SSM的家庭记账本小程序设计与实现(LW+源码+讲解)
java·前端·后端·微信小程序·小程序·课程设计
海的预约2 小时前
VUE之路由Props、replace、编程式路由导航、重定向
前端·vue.js·智能路由器
大叔_爱编程2 小时前
wx036基于springboot+vue+uniapp的校园快递平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计