uniapp 配置chooseLocation微信小程序腾讯地图选点-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 配置chooseLocation微信小程序腾讯地图选点。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp 配置chooseLocation微信小程序腾讯地图选点

uniapp 配置chooseLocation微信小程序腾讯地图选点,JavaScript,uni-app,微信小程序,小程序

场景

在uniapp中使用地图选点
搜索功能，回显功能，移动选点功能

使用到的API是uni.chooseLocation 详细看一下都有哪些属性

latitude ：目标地纬度 Number
longitude ：目标地经度Number
keyword：搜索关键字，仅App平台支持 String
success：接口调用成功的回调函数 Function
- success 返回参数说明
  - name ：位置名称
  - address：详细地址
  - latitude：纬度，浮点数
  - longitude：经度，浮点数
fail：接口调用失败的回调函数 Function
complete：接口调用结束的回调函数 Function

实战

HTML

<view class="icon-corlor" @click="pointer">选择地址</view>

JS：这里直接调用uni.chooseLocation API
亿点小知识：chooseLocation 属于封装型API，开发者若觉得不够灵活，可自行基于原始的 map 组件进行封装。插件市场已经有各种封装样例了

pointer() {
		uni.chooseLocation({
			success: async function(res) {
				console.log(res.address, "返回地址")
		},
		fail: function(e) {
				console.log(e, "报错")
			}
		})
	},

以上就实现了基本的使用

报错 requiredPrivateInfos field

可能会报以下错：wx.chooseLocation need to be declared in the requiredPrivateInfos field in

uniapp 配置chooseLocation微信小程序腾讯地图选点,JavaScript,uni-app,微信小程序,小程序
这是因为需要在requiredPrivateInfos中配置：

自 2022 年 7 月 14 日后发布的小程序，使用以下8个地理位置相关接口时，需要声明该字段，否则将无法正常使用。2022 年 7 月 14 日前发布的小程序不受影响。

在微信小程序中是 app.json文件但在uniapp中是manifest.json 我们找到源码视图
uniapp 配置chooseLocation微信小程序腾讯地图选点,JavaScript,uni-app,微信小程序,小程序
在代码中配置需要的插件

 "mp-weixin" : {
        "appid" : "wx6a2自己的id",
		"requiredPrivateInfos": [
			"getLocation",
			"onLocationChange",
			"startLocationUpdateBackground",
			"chooseAddress",
			"chooseLocation"
		]
    }

这里还有注意的是需要去微信公众官方平台开通权限

在小程序管理后台，「开发」-「开发管理」-「接口设置」中自助开通该接口权限

uniapp 配置chooseLocation微信小程序腾讯地图选点,JavaScript,uni-app,微信小程序,小程序

以上就是uniapp 配置chooseLocation微信小程序腾讯地图选点感谢大家的阅读
如碰到其他的问题可以私下我一起探讨学习
如果对你有所帮助还请 点赞 收藏谢谢~！
关注收藏博客作者会持续更新…文章来源地址https://www.toymoban.com/news/detail-517731.html

到了这里，关于uniapp 配置chooseLocation微信小程序腾讯地图选点的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！