uniapp微信小程序通过高德地图api获取地点和天气

一、首先获取高德key

应用管理 - 我的应用 - 创建新应用 - 添加key - 选择微信小程序

首页 | 高德控制台 (amap.com)

二、然后下载插件

相关下载-微信小程序插件 | 高德地图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博客