继上篇,讲述了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的联合使用,如下图,
上面的代码优化的地方还有很多,暂时写个简易版的定位实现,
然后倒入刚刚写的
将获取到的经纬度,地址传入到MapView上
关于``<MapView.Marker/>中icon,description,title,等都可以自定义样式,从getCurrentPosition获取到地理信息,可以用到里面
这样简易版个人定位实现成功,需要优化的地方很多,继续优化去了,
下一篇讲述自己距离到他人距离的显示&&天气的变化显示