微信小程序获取当前位置,支持位置搜索,拖拽定位

这篇具有很好参考价值的文章主要介绍了微信小程序获取当前位置,支持位置搜索,拖拽定位。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景:微信小程序收货地址,导航地址,定位等需求

微信开发者工具示例:

微信小程序定位到当前位置,uniapp,微信小程序,javascript,前端,Powered by 金山文档

手机调试示例:

微信小程序定位到当前位置,uniapp,微信小程序,javascript,前端,Powered by 金山文档

附上完整代码(在程序里写入这个方法,写点击事件直接进行方法调用,会自动唤起微信地图页面,如上图所示):

    getMapLocation() {
                uni.chooseLocation({
                    success: (res) => {
                        console.log(res);
                        // this.getRegionFn(res);
                       // this.mapName = res.address
                       // this.detailAddress = res.name
                        console.log(this.mapName)
                    },
                    fail: () => {
                        // 如果用uni.chooseLocation没有获取到地理位置,则需要获取当前的授权信息,判断是否有地理授权信息
                        uni.getSetting({
                            success: (res) => {
                                console.log(res);
                                var status = res.authSetting;
                                if (!status['scope.userLocation']) {
                                    // 如果授权信息中没有地理位置的授权,则需要弹窗提示用户需要授权地理信息
                                    uni.showModal({
                                        title: "是否授权当前位置",
                                        content: "需要获取您的地理位置,请确认授权,否则地图功能将无法使用",
                                        success: (tip) => {
                                            if (tip.confirm) {
                                                // 如果用户同意授权地理信息,则打开授权设置页面,判断用户的操作
                                                uni.openSetting({
                                                    success: (
                                                        data) => {
                                                        // 如果用户授权了地理信息在,则提示授权成功
                                                        if (data
                                                            .authSetting[
                                                                'scope.userLocation'
                                                            ] ===
                                                            true) {
                                                            uni.showToast({
                                                                title: "授权成功",
                                                                icon: "success",
                                                                duration: 1000
                                                            })
                                                            // 授权成功后,然后再次chooseLocation获取信息
                                                            uni.chooseLocation({
                                                                success: (
                                                                    res
                                                                ) => {
                                                             //  this.mapName =res.addres
                                                           //   this.detailAddress = res.name

                                                                }
                                                            })
                                                        } else {
                                                            uni.showToast({
                                                                title: "授权失败",
                                                                icon: "none",
                                                                duration: 1000
                                                            })
                                                        }
                                                    }
                                                })
                                            }
                                        }
                                    })
                                }
                            },
                            fail: (res) => {
                                uni.showToast({
                                    title: "调用授权窗口失败",
                                    icon: "none",
                                    duration: 1000
                                })
                            }
                        })
                    }
                });
            },

在调试过程中遇到位置授权问题,部分手机无法展示页面,一直停留在位置隐私等管理页面,暂时解决方案:(开发者工具基础库改为支持该方法的最低版本,具体问题具体分析吧);

如果报错 chooseLocation is not function,需要登录微信开发者官网查看是可使用这个api。文章来源地址https://www.toymoban.com/news/detail-520882.html

微信小程序定位到当前位置,uniapp,微信小程序,javascript,前端,Powered by 金山文档

到了这里,关于微信小程序获取当前位置,支持位置搜索,拖拽定位的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包