本文介绍了如何在react-native项目中利用react-native-amap3d和react-native-amap-geolocation实现定位功能。通过创建Position.tsx文件获取当前定位信息，分别演示了一次性和持续性的定位方式，并展示了将定位信息整合到地图视图MapVew上的过程。虽然目前实现为简易版，但已能完成基本的个人定位，后续将继续优化并实现显示他人距离和天气变化的功能。
继上篇,讲述了react-native-amap3d的基础使用,今天讲述react-native-amap3d&&react-native-amap-geolocation的使用 今天上午忙成的效果图,如下图
1,react-native-amap-geolocation如何获取当前信息位置?我创建了一个专门获取到当前定位信息的Position.tsx文件
如图:
我暂时先写了基础定位功能所需要的方法,其中重点在于getCurrentPosition与watchPosition前者是获得一次当前地理位置,后者是持续一段时间返回一个定位;
将getCurrentPosition返回到信息,控制台打印出来结果如下
2.react-native-amap-geolocation&&react-native-amap3d的联合使用,如下图,
上面的代码优化的地方还有很多,暂时写个简易版的
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
