cordova-plugin-baidumaplocation 在ionic3中的使用

常雅珺
2023-12-01

如何使用

1 去百度api申请定位密钥
https://lbsyun.baidu.com/index.php?title=android-locsdk/guide/create-project/key
2 在项目中添加支持
github:https://github.com/aruis/cordova-plugin-baidumaplocation

ionic cordova platform rm android
ionic cordova plugin rm cordova-plugin-baidumaplocation
ionic cordova plugin add cordova-plugin-baidumaplocation@3.2.0 –variable ANDROID_KEY=”12321121” –variable IOS_KEY=value

3 核心代码

在顶端声明:declare const baidumap_location: any;
if (typeof baidumap_location === “undefined”) {
alert(“baidumap_location is undefined”);
return;
};
baidumap_location.getCurrentPosition(function (result) {
alert(JSON.stringify(result, null, 4));
}, function (error) {
alert(error);
});

开发环境

  • ionic3 cordova angular4
  • android@5.0.0

适用场景

  • 点击定位
  • 后台定位
  • 实时定位

注意事项

  • 只有真机调试才有效果 其他都报undefined的错
  • 在使用前要声明:declare const baidumap_location: any;

遗留问题

  • 最新版本的在测试时ionic3不支持 能获取对象 getCurrentPosition不生效,寻找解决方案中
  • 未正式投入使用,等app正式使用时,看是否有其它问题

其它后台定位

ionic g provider LocationTracker
ionic plugin add cordova-plugin-geolocation
npm install –save @ionic-native/geolocation
ionic plugin add cordova-plugin-mauron85-background-geolocation
npm install –save @ionic-native/background-geolocation

 类似资料: