小程序获取城市经纬度_微信小程序demo:天气预报,根据经纬度获取城市,获取天气...
[AppleScript] 纯文本查看 复制代码//app.js
Page({
data: {
city: "",
today: {},
future:{}
},
onLoad: function (options) {
// 生命周期函数--监听页面加载
this.loadInfo();
},
loadInfo: function () {
var page = this;
//获取经纬度
wx.getLocation({
type: 'gcj02',
success: function (res) {
// success,获取当前的城市信息
var latitude = res.latitude
var longitude = res.longitude
console.log(latitude);
page.getCity(latitude, longitude)
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
//根据经纬度获取城市
getCity: function (latitude, longitude) {
var page = this;
wx.request({
url: 'http://apis.map.qq.com/ws/geocoder/v1/?location=' + latitude + ',' + longitude + '&key=EFHBZ-WQG6U-WEMVB-4N3DG-KSMGT-5WB2G',
header: {
'content-type': 'application/json'
},
success: function (res) {
var city = res.data.result.address_component.city;
console.log(city);
//把市去掉,下一个接口地址没有模糊处理
city = city.replace("市", "");
page.setData({ city: city });
page.getWeather(city);
}
})
},
//根据城市获取天气信息
getWeather: function (city) {
var page = this;
wx.request({
url: 'http://wthrcdn.etouch.cn/weather_mini?city=' + city,
header: {
'content-type': 'application/json'
},
success: function (res) {
console.log(res);
var future = res.data.data.forecast;
//移除掉数组中当天的天气信息
var todayInfo = future.shift();
var today = res.data.data;
today.todayInfo = todayInfo;
page.setData({ today: today, future: future });
},
})
},
})
小程序获取城市经纬度_微信小程序demo:天气预报,根据经纬度获取城市,获取天气...相关推荐
- 小程序商店刷榜_微信小程序游戏跳一跳刷榜原理解析!
最近微信出了一个"跳一跳"的小游戏,这个游戏其实在之前有手机端版本,无奈微信借助强大的用户把这游戏又拿起来弄火了,而且通过最新版的微信可以看出,微信已经开始重视小程序的入口释放了, ...
- 微信小程序存在的风险_微信小程序存在哪些风险
微信小程序存在哪些风险?之前一直在给大家爱关于微信小程序的各种好处,但是它其实也是存在一定的风险的,今天小编就来给大家讲一下微信小程序都存在哪些风险. 由于微信主程序会通过 JS 接口向小程序暴露规定 ...
- 小程序商店刷榜_微信小程序怎么通过“硬广”“软广”来运营引流?运营干货...
随着互联网的飞速发展,如今微信小程序已经成为家喻户晓的一款应用了,生活中随处可见的微信小程序成为了许多人日常生活中必不可少的应用.那么对于小程序商家来说营销策划方案显得格外重要,如果想要引入更多流量用 ...
- 微信小程序js数组初始化_微信小程序开发之改变data中数组或对象的某一属性值...
前言:在小程序的开发中,我们在view中便利data中数组或对象时,很多情况下需要在js中动态改变数组或者对象中某一香的属性值. 效果图: 我给大家总结了案例如下: wxml如下: {{item.we ...
- python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
- java小程序显示多种按钮_微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能...
看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 先来个效果图 html {{item.text}} 查看更多 收起 wxss .box ...
- 微信小程序存在的风险_微信小程序开发技术风险存在,如何规避是重点
微信小程序开发技术风险存在,如何规避是重点 微信小程序自上线以来已经历经三年的时间,不断推陈出新,推展业务,如今已形成了一定规模和影响力,线上购物.在线点餐.预订服务.便捷出行.小游戏等多种多样的小程 ...
- 微信小程序超级占内存_微信小程序占用内存小,用户再也不用担心内存不足问题了...
内存占用小,微信小程序,让用户再也不用担心小程序不足内存问题了,时下,一站式支持常用APP(手机应用软件)的微信小程序受到市民青睐. 微信小程序,是一种不需要下载安装即可使用的应用,它实现了应用&qu ...
- 小程序全局悬浮窗_微信小程序悬浮窗弹出怎么实现?
微信小程序悬浮窗弹出怎么实现?很多的微信小程序管理员会在微信小程序界面开发微信小程序悬浮窗弹出功能,接下来小编会为大家介绍微信小程序悬浮窗弹出关注实现的全部步骤哦. 微信小程序悬浮窗弹出怎么实现? 微 ...
- 小程序获取城市经纬度_微信小程序获取当前所在城市的方法
现在很多企业商家为了提供更准确的服务,基本都要获取用户当前所在的地理位置,城市是其中最基本的.而微信小程序官方提供的API只能获取当前地理位置的经纬度,需要经过第三方转换才可以得到我所需的城市名,经过 ...
最新文章
- docker启动远程管理接口
- 分布式服务化系统一致性的“最佳实干”
- 安卓实现定位功能的4种方式
- Linux 添加DNS配置
- setState同步异步场景
- Android JNI(二)——实战JNI入门之Hello World
- VMware 修复 Fusion 和 Horizon 中的两个提权漏洞
- idea默认文件类型关联
- CSDN邀请您成为技术中心特约作者
- A Easy Game(FZU 2146)
- matlab安装自行下载的工具箱
- java实训报告范文_java个人实训总结范文
- ACM-ICPC国际大学生程序设计竞赛亚洲区大连赛区(2016)地区赛——花开花落终有时
- 数据库操作银行管理系统
- 频谱细化matlab程序,分享FFT频谱细化程序(处理单频点信号)
- Socket基础八:网络IO模型的应用
- UN Comtrade(联合国商品贸易统计数据库)数据爬取Python代码——使用动态IP
- 植物大战僵尸之加钱外挂..
- Vue Echarts 电子支付图表
- Cris 的 Python 数据分析笔记 04:NumPy 矩阵的复制,排序,拓展
热门文章
- 视频截图Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvas处理
- 952. 按公因数计算最大组件大小 : 枚举质因数 + 并查集运用题
- macOS首次安装Homebrew---通过清华软件镜像源安装(墙内)
- JavaScript时间戳
- 十天学会Authorware6.5之第二天:交互
- Python 时间复杂度计算
- CLion安装激活,主题设置
- VScode主题设置
- 转载:CVPR 2018值得一看的25篇论文,都在这里了 | 源码 解读
- 25个故事性网页设计,轻松讲述网页独有的故事!!!