一、首先获取高德key
应用管理 - 我的应用 - 创建新应用 - 添加key - 选择微信小程序
二、然后下载插件
相关下载-微信小程序插件 | 高德地图API (amap.com)
三、下载文末源代码zip调试运行
uni-app 中使用微信小程序第三方 SDK 及资源汇总 - DCloud问答
(个人习惯是先调试好了再接到自己小程序上)
将其中key替换成自己的(第一步那个),原插件(common文件夹里那个就是)替换成上一步的插件,跟着评论区里大佬调整一下,就ok了
四、接入自己小程序(说白了就是跟着示例搞)
首先在自己小程序中搞一个common文件夹放插件
然后将index.vue中<script>的内容 合并到 要获取地点和天气的页面.vue的<script> 中
<template>中把需要的copy过去就好
<style>这部分我自己有,就没搬了
以下为个人改动
一、将两个按钮合成一个
refreshData(){
this.getRegeo();
this.getWeather()
},
上面这段放<script>的methods中,原按钮改@tap="refreshData",另一个按钮删掉
二、进入页面直接显示地点天气信息
this.refreshData();
加到<script>的onLoad() 里
写在最后
本人小白,谈不上懂,就暴力拼接,主打能用就行。
欢迎交流٩( 'ω' )و
8.14 补充开发微信小程序时,提示不在以下 request 合法域名列表中怎么办_不在以下 request 合法域名列表中,请参考文档-CSDN博客