作者:宗潇帅

前期准备

创建应用获取相关信息

应用名称

名字方便自己区分应用使用即可,注意查看是否勾选地标识别

应用描述

简述一下应用场景即可

获取应用相关信息

AppID、API Key、Secret Key三个值保存备用。最后一值不要随便泄露哦。

注册微信小程序

选择微信小程序填写信息激活即可(开发者们注册个人即可)

开始码起来

快速获取access_token

将API_KEY、SERCET_KEY替换为获取应用相关信息中的值,在任意浏览器地址栏输入并点击回车键

创建一个小程序项目

获取小程序appid

开发-开发设置-开发者ID-AppID(小程序ID)

创建项目

开始改造项目

新建landmark文件夹

给页面增加功能

加完页面内容,再增加一些样式。代码&效果如下

封装一个工具方法

方便调用地标识别接口而封装一个工具方法。后续可以根据自己需求再次增加额外接口。这样不会影响具体某个模块功能更改代码。放在util/baiduai.js

使用之前记得 accessToken 替换为前面获取保存的access_token哦

给按钮增加事件并完善功能

完善功能后的结果截图

最终的wxml代码