uni-app使用高德天气api

最新推荐文章于 2024-08-07 15:43:21 发布
最新推荐文章于 2024-08-07 15:43:21 发布
阅读量2.3k 收藏 9
点赞数
文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43969547/article/details/125735765
版权

首先登录高德开放平台，这里有许多api接口，今天演示一下使用高德的逆地理接口以及天气预报接口，首先注册登录高德开放平台，申请注册成为个人开发者之后即可获得每日配额的api访问次数。

高德开放平台 | 高德地图API高德开放平台官网https://lbs.amap.com/进入控制台，在我的应用处创建应用并选择应用类型。勾选web服务，

 创建应用之后可以在查看配额中查看到每日请求访问量以及并发量。

在使用uni.getlocation的时候，如果提示key访问次数达到上限了之类的，需要在manifest.json中配置好相关地图接口。可在uni官网中查找manifest.json配置页

 &
最低0.47元/天 解锁文章
weixin_43969547
关注
  • 0
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
address(uni-app经纬度定位范围内签到)
06-24
在IT行业中，uni-app是一个备受关注的跨平台开发框架，尤其在移动应用开发领域。它允许开发者使用H5技术编写一次代码，即可运行在iOS、Android、微信小程序、支付宝小程序等多个平台，极大地提高了开发效率。本话题...
weather-uni-app
03-10
weather-uni-app
UNIAPP获取天气
qq_44179528的博客
06-08 5528
onLoad() { uni.request({ url: 'http://wthrcdn.etouch.cn/weather_mini?city=沈阳', method: 'GET', success: res => { console.log("今天的天气",res.data.data.forecast[0].type); console.log("今天最高温度",res.data.data.forecast[0].high);
uniapp微信小程序通过高德地图api获取地点和天气
最新发布
Aspen的博客
08-07 315
将其中key替换成自己的（第一步那个），原插件（common文件夹里那个就是）替换成上一步的插件，跟着评论区里大佬调整一下，就ok了。然后将index.vue中的内容 合并到 要获取地点和天气的页面.vue的 中。上面这段放的methods中，原按钮改@tap="refreshData"，另一个按钮删掉。应用管理 - 我的应用 - 创建新应用 - 添加key - 选择微信小程序。本人小白，谈不上懂，就暴力拼接，主打能用就行。一、将两个按钮合成一个。
uniapp多端适配5app开放式天气接口
08-09
uni-app 多端适配 5 app 开放式天气接口
uni-app 嵌入 天气预报
weixin_71574589的博客
09-27 1302
【代码】uni-app 嵌入 天气预报。
uni 获取天气预报
c_qianxia5040的博客
04-14 1782
uni.request({ url: 'http://wthrcdn.etouch.cn/weather_mini?city=' + city, method: 'GET', success: res => { let today = res.data.data.forecast[0] this.todayInfo.weather= today.type ? today.type : '' this.todayInfo.lower = today.low.substr(2) th
uni-app制作咖啡小程序项目
03-18
【uni-app制作咖啡小程序项目】是一个使用uni-app框架开发的移动端应用项目，主要目标是创建一个便于用户订购咖啡的小程序。uni-app是一个基于Vue.js的多端开发框架，它可以让你用一套代码同时发布到微信、支付宝、...
uni-app使用高德地图
09-20
使用uni-app集成高德地图的步骤如下： 1. 阅读高德地图官方文档，了解相关API的使用方法和参数。 2. 在uni-app项目中安装高德地图插件，可以通过npm或者uni-app插件市场进行安装。 3. 在App.vue文件中导入高德地图...
uniapp获取天气
无双
11-03 1295
uni.request({ url: 'http://wthrcdn.etouch.cn/weather_mini?city=' + city, data: {}, success: (res) => { console.log(res.data) //当前温度 ...
uniapp vue 获取天气数据
m0_46978096的博客
05-09 667
【代码】uniapp vue 获取天气数据。
uniapp通过定位获取当前所在城市的天气
weixin_48829367的博客
12-12 2144
简单进行记录一下，如何通过定位来获取经纬度，在通过高德开放的API来进行天气预报数据的获取。
uni-app 微信小程序 用高德sdk获取地理位置，以及天气信息
liubangbo的专栏
09-06 3961
你可能在开发微信开发者工具中，以及真机调试中都能获取地理位置和天气信息，但发布到体验版，或发布到显示，一直loading 获取不到天气信息。就是因为没有把高德小程序sdk接口用到的URL地址添加到小程序服务器域名中。在这个网页最下面，按步骤来就可以了。注意创建完应用后，点击添加按钮，选择小程序sdk 生成key。注意在接口传递参数中要加上fail 字段，否则控制台会报错。
uniapp微信小程序使用高德天气api
niuma_niuma的博客
07-18 958
获取key，把key换成自己申请完web服务之后的那个key city后面放的是城市编码。选择web服务，因为web服务包含了天气权限，可以让我们调用网上接口。然后进入控制台，我的应用，创建应用，然后申请key。具体请求过来的数据格式，可以参考高德api文档。登录高德用户，绑定支付宝，选择个人开发者。
uniapp通过定位获取天气信息，以及获取对应的城市名称
A1123352950的博客
11-07 1852
简单记录一下uniapp如何通过定位获取天气信息，以及获取对应的城市名称问题解决
uni-app uni-cloud 天气预报 微信小程序 免费天气api
chinaProgrammer8的博客
07-17 265
uni-app 小程序 天气预报
uniapp根据定位城市获取对应的天气
qq_44922777的博客
03-25 2723
效果如图所示 首先先获取定位城市 uni.getLocation({ type: 'gcj02', geocode: true, success: res => { this.position = false; this.dizhi = res.address.city; } }); 仿照官网上写的，也可以写省份、国家之类的。 用v-if替换文字，显示城市 <view class="search" @click="location"> <view v-if="posi
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值