通过这个 demo 你可以学到:
- 更加丰富的微信小程序控件使用;
- LBS 业务中微信小程序地图控件的使用;
- 知晓云 BaaS JS SDK 多数据表协作实现复杂逻辑;
点击创建示例应用,我们会帮您在知晓云完成应用、数据表、内容库的创建及示例数据的填充。(创建前请先完成登录)
Step 1:
前往知晓云 创建账户,进入控制台完成小程序绑定。并通过控制台获取到 ClientID。
Step 2:
在控制台数据管理创建一个新的数据表,命名为 company,表的结构如下:
字段 | 类型 | 示例 |
---|---|---|
title | string | 爱范儿 |
address | string | 品牌街5号 |
description | string | 爱范儿(证券代码 839758)是一家聚焦于微信及移动互联网生态的 综合服务商,拥有多个知名互联网品牌... |
logo | string | https://media.ifanrusercontent.com/media/tit/atGxbqTGjzYkQOER.jpg |
image | array | ["https://media.ifanrusercontent.com/media/tit/TyjAFWdpYzvklnEn.jpg" , "https://media.ifanrusercontent.com/media/tit/OnKDjKhqzlXDzoFu.jpg"] |
phone | string | 89054207 |
latitude | number | 23.099532 |
longitude | number | 113.323882 |
category | array | ["科技IT"] |
priority | integer | 4 |
详细的数据返回实例请参考项目目录下的 mock
文件夹下的 mock.js
。
Step 3:
Clone 代码后,通过微信开发者工具添加项目;
将您自己的 ClientID, tableID 填充到代码中需要用到的地方,具体配置到项目目录下的 config
文件夹下的config.js
;
lbs-demo 涉及地图接口的调用,本 demo 使用高德地图的小程序 SDK,需要自行申请高德地图的开发 key,并将其配置项目目录下的 config
文件夹下的config.js
。
完成上述操作,即可运行代码。