下拉选择框
参考:https://www.cnblogs.com/xjwy/p/8489256.html
微信小程序-OCR信息识别
使用spring创建web项目,把上传的图片转换成base64格式,然后调用阿里云orc身份证识别接口
参考:https://blog.csdn.net/J_CSDN19/article/details/80947102
微信小程序API——获取定位
获取定位,调用高德地图小程序API获取位置,然后再获取天气
参考:https://blog.csdn.net/cwh1010714845/article/details/78826687
效果:
注意:设置安全通讯域名
为了保证高德小程序 SDK 中提供的功能的正常使用,需要设置安全域名。
登录微信公众平台,在 "设置"->"开发设置" 中设置 request 合法域名,将 https://restapi.amap.com 中添加进去,如下图所示:
细节:如果获取“长沙市”?
使用split截取字符串,然后拼接(部分代码如下)
//把当前位置的经纬度传给高德地图,调用高德API获取当前地理位置,天气情况等信息
loadCity: function (latitude, longitude) {
var that = this;
var myAmapFun = new amapFile.AMapWX({ key: markersData.key });
myAmapFun.getRegeo({
location: '' + longitude + ',' + latitude + '',//location的格式为'经度,纬度'
success: function (data) {
console.log(data);
// 截取城市名字
var name=data[0].name;
var nameArrays=name.split("市");
name = nameArrays[0] + "市";
console.log(name);
that.setData({
name: name
})
},
fail: function (info) { }
});
myAmapFun.getWeather({
success: function (data) {
that.setData({
weather: data
})
console.log(data);
//成功回调
},
fail: function (info) {
//失败回调
console.log(info)
}
})
},
布局view文件修改:
<!--pages/amap/amap.wxml-->
<text>当前城市天气(高德地图提供数据支撑)</text>
<view class='content'>
<view class='today'>
<view class='info'>
<view class='temp'>
<text>温度:</text>{{weather.temperature.data}}℃</view>
<view class='weather'>
<text>天气:</text>{{weather.weather.data}} {{weather.winddirection.data}} {{weather.windpower.data}}</view>
<view class='city'>
<text>城市:</text>{{name}} {{weather.city.data}}</view>
</view>
</view>
</view>
。。。