该项目已经开源，开源地址如下

• GitHub 地址：https://github.com/tomato-cc/wxmap
  

• 码云地址 https://gitee.com/tomatocc/wxmap
  

API 注册

第一步：注册 qqma 开发者

• 注册 qqmap 开发者:http://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
  

• 点右上方的【控制台】按钮

• 依次点击【key 管理】——>【创建新密钥】

• 依次填写【Key 名称】——>【描述】——>【验证码】，点击提交即可。

• 然后会提示 key 申请成功，接下来点击【进入 key 设置】即可。

• 最后按照下图的内容，填写 appid 和勾选相关内容就好。

第二步：注册高德地图开发者开发者

• 注册高德地图开发者: https://console.amap.com/dev/key/app
  

• 注册后，依次点击【控制台】——>【应用管理】——>【我的应用】

• 点击【创建新应用】

• 填写【应用名称】和【应用类型】即可。（可以自己随便命名，不需要和图上一致。）

• 面板中找到该应用后，点击【添加】，进入 key 的设置。

• 输入【key 的名称】，选择【服务平台】为【微信小程序】，然后保存就好

• 高德开发者的 key 就申请好了。

第三步：注册和风天气开发者

• 注册和风天气开发者:https://dev.heweather.com
  

* 注册好账户后，点击【控制台】

* 依次点击【应用管理】——>【新建应用】

* 输入该应用名称

* 然后在该应用中选择【添加 KEY】

* 然后填写该 KEY 的信息，类型必须为【Web API】

* 创建后的 key 信息入如下。

* 去认证【个人开发者】，点击【我的控制台】，第一次注册的类型为【】普通用户，然后点击认证就好，填写个人证件信息。大概 3 天就可以通过审核。审核通过后，你的账号类型就是下图的样子【认证开发者】

第四步：到微信小程序里配置 request 域名

* 登陆小程序后，点击左侧【开发】，点击【开发设置】，然后页面下滑。。

*

* 一直下滑到【服务器域名配置】，然后点击修改，将下列四个域名添加进去

https://apis.map.qq.comhttps://free-api.heweather.comhttps://restapi.amap.comhttps://v1.hitokoto.cn

###### 到这里为止，快点查查小程序的前期工作就全部准备完毕。

第五步：运行小程序

* 拉去 github 上的代码。

git clone https://github.com/tomato-cc/wxmap.git

* 修改配置文件

* 修改 config.js 文件，将 qqmap、高德、和风的 key 加进去。

* 修改 app.js 文件，将和风的 key 加进去。

* 然后点击【云开发】，将项目文件下【云平台数据】文件夹内的数据导入。

* 第一次进入云平台需要创建用户，简单操作下就好。然后点击【数据库】，点【+】号，进行创建数据库。创建两个数据库的名字分别为：broadcast、hotCities

* 选中broadcast集合，然后选择导入，将'database_broadcast.json'文件导入即可。同理的，选择hotCities集合，然后选择导入，将'database_hotCities.json'文件导入即可。

* 然后将代码中的【云函数】上传到【云平台】。修改下面三个文件夹内的 index.js 文件。将 cloud env 修改为自己云开发平台的环境 ID。

• 鼠标移动到【cloudfunction】文件夹，右键，点击同步云函数列表

• 同步成功后，可以在云平台的云函数中进行查看 。

• 将代码中的【云平台数据】里面的图片上传到云平台的【存储中】，注意路径就好。

结语：

到在这里为止，【快点查查】小程序就搭建完成啦。