uniapp使用vue3和ts开发小程序获取用户城市定位

这个组件的功能:可以重新定位获取到用户的具体位置,这个是通过getLocation这个api和高德地图的api获取到的,getLocation这个api需要在微信公众平台后台>开发管理> 接口管理里面申请才能使用的,不然无法使用哦,这个接口申请好像特别难,需要技巧,希望大家都能申请到吧。高德的api需要到高德的后台获取,个人开发者每天有5000限额可以使用。

uniapp使用vue3和ts开发小程序获取用户城市定位_第1张图片

也可以通过点击右边的字母快速跳转到对应的城市,可以点击热门城市或者城市列表快速定位城市。 

选择城市页面展示: 

uniapp使用vue3和ts开发小程序获取用户城市定位_第2张图片

具体代码:


 

 

 

你可能感兴趣的:(多端开发,uni-app)