Skip to content

BenchengMain126/WxProgram

Repository files navigation

从已有微信小程序项目中扣离出来的签到打卡及地图定位,不涉及其他业务。
因为微信小程序的wx.chooseLocation无法满足业务需要,所以自己撸了一个,个性化更强一些。

使用方法

因为只是在微信小程序中使用,所以一些相关的 SDK 都是腾讯地图的,如果需要在其他端使用,请自行修改。

1、先去腾讯地图申请一个 KEY:去申请
2、将申请的 KEY 填入项目config\index.js中的MAP_KEY
3、manifest.json中配置上自己的小程序的 appid,不然无法定位
4、执行npm install安装一些依赖(必须) npm install dayjs npm install lodash

  "dependencies": {
	"@vant/weapp": {
	  "version": "1.0.7",
	  "resolved": "https://registry.npmjs.org/@vant/weapp/-/weapp-1.0.7.tgz",
	  "integrity": "sha512-F7gkcVKLTh4Pt17ukZnpZmn78CbtfmUtxSZif02ysyXZmqtAf1aAUffL3i1y+qzGWCXF4y/OVkOBVQVrKHI4MA=="
	},
	"dayjs": {
	  "version": "1.10.4",
	  "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.4.tgz",
	  "integrity": "sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw=="
	},
	"lodash": {
	  "version": "4.17.20",
	  "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
	  "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
	}
  }

项目内容

1、引用了部分Vant组件,具体见wxcomponents\vant
2、引用了dayjs处理日期格式
3、引用了部分lodash的方法
4、获取位置信息及搜索使用的微信小程序JavaScript SDK,详情见文档:https://lbs.qq.com/qqmap_wx_jssdk/index.html

截图预览

image

image

image

image

image

其他

uniapp微信小程序中具体使用vant可参考:https://liubing.me/uniapp-use-vant-weapp.html

About

personal demo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published