diff --git a/README.md b/README.md index 875911a..27800bb 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ -# rest +# restaurant +![查询附近的餐厅](截图.png) \ No newline at end of file diff --git a/images/banner.png b/images/banner.png new file mode 100644 index 0000000..8bd7c1f Binary files /dev/null and b/images/banner.png differ diff --git a/images/center.png b/images/center.png new file mode 100644 index 0000000..193ba6a Binary files /dev/null and b/images/center.png differ diff --git a/images/cost.png b/images/cost.png new file mode 100644 index 0000000..5863853 Binary files /dev/null and b/images/cost.png differ diff --git a/images/food.png b/images/food.png new file mode 100644 index 0000000..d28c223 Binary files /dev/null and b/images/food.png differ diff --git a/images/gift.png b/images/gift.png new file mode 100644 index 0000000..1f90547 Binary files /dev/null and b/images/gift.png differ diff --git a/images/gps.png b/images/gps.png new file mode 100644 index 0000000..7020335 Binary files /dev/null and b/images/gps.png differ diff --git a/libs/qqmap-wx-jssdk.js b/libs/qqmap-wx-jssdk.js new file mode 100644 index 0000000..4d53c58 --- /dev/null +++ b/libs/qqmap-wx-jssdk.js @@ -0,0 +1,462 @@ +/** + * 微信小程序JavaScriptSDK + * + * @version 1.0 + * @date 2017-01-10 + * @author jaysonzhou@tencent.com + */ + +var ERROR_CONF = { + KEY_ERR: 311, + KEY_ERR_MSG: 'key格式错误', + PARAM_ERR: 310, + PARAM_ERR_MSG: '请求参数信息有误', + SYSTEM_ERR: 600, + SYSTEM_ERR_MSG: '系统错误', + WX_ERR_CODE: 1000, + WX_OK_CODE: 200 +}; +var BASE_URL = 'https://apis.map.qq.com/ws/'; +var URL_SEARCH = BASE_URL + 'place/v1/search'; +var URL_SUGGESTION = BASE_URL + 'place/v1/suggestion'; +var URL_GET_GEOCODER = BASE_URL + 'geocoder/v1/'; +var URL_CITY_LIST = BASE_URL + 'district/v1/list'; +var URL_AREA_LIST = BASE_URL + 'district/v1/getchildren'; +var URL_DISTANCE = BASE_URL + 'distance/v1/'; +var Utils = { + /** + * 得到终点query字符串 + * @param {Array|String} 检索数据 + */ + location2query(data) { + if (typeof data == 'string') { + return data; + } + var query = ''; + for (var i = 0; i < data.length; i++) { + var d = data[i]; + if (!!query) { + query += ';'; + } + if (d.location) { + query = query + d.location.lat + ',' + d.location.lng; + } + if (d.latitude && d.longitude) { + query = query + d.latitude + ',' + d.longitude; + } + } + return query; + }, + + /** + * 使用微信接口进行定位 + */ + getWXLocation(success, fail, complete) { + wx.getLocation({ + type: 'gcj02', + success: success, + fail: fail, + complete: complete + }); + }, + + /** + * 获取location参数 + */ + getLocationParam(location) { + if (typeof location == 'string') { + var locationArr = location.split(','); + if (locationArr.length === 2) { + location = { + latitude: location.split(',')[0], + longitude: location.split(',')[1] + }; + } else { + location = {}; + } + } + return location; + }, + + /** + * 回调函数默认处理 + */ + polyfillParam(param) { + param.success = param.success || function () { }; + param.fail = param.fail || function () { }; + param.complete = param.complete || function () { }; + }, + + /** + * 验证param对应的key值是否为空 + * + * @param {Object} param 接口参数 + * @param {String} key 对应参数的key + */ + checkParamKeyEmpty(param, key) { + if (!param[key]) { + var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key +'参数格式有误'); + param.fail(errconf); + param.complete(errconf); + return true; + } + return false; + }, + + /** + * 验证参数中是否存在检索词keyword + * + * @param {Object} param 接口参数 + */ + checkKeyword(param){ + return !this.checkParamKeyEmpty(param, 'keyword'); + }, + + /** + * 验证location值 + * + * @param {Object} param 接口参数 + */ + checkLocation(param) { + var location = this.getLocationParam(param.location); + if (!location || !location.latitude || !location.longitude) { + var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误') + param.fail(errconf); + param.complete(errconf); + return false; + } + return true; + }, + + /** + * 构造错误数据结构 + * @param {Number} errCode 错误码 + * @param {Number} errMsg 错误描述 + */ + buildErrorConfig(errCode, errMsg) { + return { + status: errCode, + message: errMsg + }; + }, + + /** + * 构造微信请求参数,公共属性处理 + * + * @param {Object} param 接口参数 + * @param {Object} param 配置项 + */ + buildWxRequestConfig(param, options) { + var that = this; + options.header = { "content-type": "application/json" }; + options.method = 'GET'; + options.success = function (res) { + var data = res.data; + if (data.status === 0) { + param.success(data); + } else { + param.fail(data); + } + }; + options.fail = function (res) { + res.statusCode = ERROR_CONF.WX_ERR_CODE; + param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, result.errMsg)); + }; + options.complete = function (res) { + var statusCode = +res.statusCode; + switch(statusCode) { + case ERROR_CONF.WX_ERR_CODE: { + param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)); + break; + } + case ERROR_CONF.WX_OK_CODE: { + var data = res.data; + if (data.status === 0) { + param.complete(data); + } else { + param.complete(that.buildErrorConfig(data.status, data.message)); + } + break; + } + default:{ + param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG)); + } + + } + } + return options; + }, + + /** + * 处理用户参数是否传入坐标进行不同的处理 + */ + locationProcess(param, locationsuccess, locationfail, locationcomplete) { + var that = this; + locationfail = locationfail || function (res) { + res.statusCode = ERROR_CONF.WX_ERR_CODE; + param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)); + }; + locationcomplete = locationcomplete || function (res) { + if (res.statusCode == ERROR_CONF.WX_ERR_CODE) { + param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg)); + } + }; + if (!param.location) { + that.getWXLocation(locationsuccess, locationfail, locationcomplete); + } else if (that.checkLocation(param)) { + var location = Utils.getLocationParam(param.location); + locationsuccess(location); + } + } +} + + +class QQMapWX { + + /** + * 构造函数 + * + * @param {Object} options 接口参数,key 为必选参数 + */ + constructor(options) { + if (!options.key) { + throw Error('key值不能为空'); + } + this.key = options.key; + } + + /** + * POI周边检索 + * + * @param {Object} options 接口参数对象 + * + * 参数对象结构可以参考 + * @see http://lbs.qq.com/webservice_v1/guide-search.html + */ + search(options) { + var that = this; + options = options || {}; + + Utils.polyfillParam(options); + + if (!Utils.checkKeyword(options)) { + return; + } + + var requestParam = { + keyword: options.keyword, + orderby: options.orderby || '_distance', + page_size: options.page_size || 10, + page_index: options.page_index || 1, + output: 'json', + key: that.key + }; + + if (options.address_format) { + requestParam.address_format = options.address_format; + } + + if (options.filter) { + requestParam.filter = options.filter; + } + + var distance = options.distance || "1000"; + var auto_extend = options.auto_extend || 1; + + var locationsuccess = function (result) { + requestParam.boundary = "nearby(" + result.latitude + "," + result.longitude + "," + distance + "," + auto_extend +")"; + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_SEARCH, + data: requestParam + })); + } + Utils.locationProcess(options, locationsuccess); + } + + /** + * sug模糊检索 + * + * @param {Object} options 接口参数对象 + * + * 参数对象结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-suggestion.html + */ + getSuggestion(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + + if (!Utils.checkKeyword(options)) { + return; + } + + var requestParam = { + keyword: options.keyword, + region: options.region || '全国', + region_fix: options.region_fix || 0, + policy: options.policy || 0, + output: 'json', + key: that.key + }; + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_SUGGESTION, + data: requestParam + })); + } + + /** + * 逆地址解析 + * + * @param {Object} options 接口参数对象 + * + * 请求参数结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-gcoder.html + */ + reverseGeocoder(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + var requestParam = { + coord_type: options.coord_type || 5, + get_poi: options.get_poi || 0, + output: 'json', + key: that.key + }; + if (options.poi_options) { + requestParam.poi_options = options.poi_options + } + + var locationsuccess = function (result) { + requestParam.location = result.latitude + ',' + result.longitude; + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_GET_GEOCODER, + data: requestParam + })); + }; + Utils.locationProcess(options, locationsuccess); + } + + /** + * 地址解析 + * + * @param {Object} options 接口参数对象 + * + * 请求参数结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-geocoder.html + */ + geocoder(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + + if (Utils.checkParamKeyEmpty(options, 'address')) { + return; + } + + var requestParam = { + address: options.address, + output: 'json', + key: that.key + }; + + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_GET_GEOCODER, + data: requestParam + })); + } + + + /** + * 获取城市列表 + * + * @param {Object} options 接口参数对象 + * + * 请求参数结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-region.html + */ + getCityList(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + var requestParam = { + output: 'json', + key: that.key + }; + + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_CITY_LIST, + data: requestParam + })); + } + + /** + * 获取对应城市ID的区县列表 + * + * @param {Object} options 接口参数对象 + * + * 请求参数结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-region.html + */ + getDistrictByCityId(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + + if (Utils.checkParamKeyEmpty(options, 'id')) { + return; + } + + var requestParam = { + id: options.id || '', + output: 'json', + key: that.key + }; + + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_AREA_LIST, + data: requestParam + })); + } + + /** + * 用于单起点到多终点的路线距离(非直线距离)计算: + * 支持两种距离计算方式:步行和驾车。 + * 起点到终点最大限制直线距离10公里。 + * + * @param {Object} options 接口参数对象 + * + * 请求参数结构可以参考 + * http://lbs.qq.com/webservice_v1/guide-distance.html + */ + calculateDistance(options) { + var that = this; + options = options || {}; + Utils.polyfillParam(options); + + if (Utils.checkParamKeyEmpty(options, 'to')) { + return; + } + + var requestParam = { + mode: options.mode || 'walking', + to: Utils.location2query(options.to), + output: 'json', + key: that.key + }; + + var locationsuccess = function (result) { + requestParam.from = result.latitude + ',' + result.longitude; + wx.request(Utils.buildWxRequestConfig(options, { + url: URL_DISTANCE, + data: requestParam + })); + } + if (options.from) { + options.location = options.from; + } + + Utils.locationProcess(options, locationsuccess); + } +} + +module.exports = QQMapWX; \ No newline at end of file diff --git a/libs/qqmap-wx-jssdk.min.js b/libs/qqmap-wx-jssdk.min.js new file mode 100644 index 0000000..b92f25a --- /dev/null +++ b/libs/qqmap-wx-jssdk.min.js @@ -0,0 +1,2 @@ +var _createClass=function(){function a(e,c){for(var b=0;b +pages/coupon/coupon.wxml diff --git a/pages/coupon/coupon.wxss b/pages/coupon/coupon.wxss new file mode 100644 index 0000000..d347172 --- /dev/null +++ b/pages/coupon/coupon.wxss @@ -0,0 +1 @@ +/* pages/coupon/coupon.wxss */ \ No newline at end of file diff --git a/pages/index/index.js b/pages/index/index.js new file mode 100644 index 0000000..81fd747 --- /dev/null +++ b/pages/index/index.js @@ -0,0 +1,72 @@ +// pages/index/index.js + +//引入SDK核心类 +var QQMapWX = require('../../libs/qqmap-wx-jssdk.js') +var qqmapsdk +Page({ + + onLoad: function() { + //实例化API核心类 + qqmapsdk = new QQMapWX({ + key: '2Y2BZ-ABTA7-5UMXN-HCB7R-XZIWO-FGB3C' + }) + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function() { + //调用接口 + qqmapsdk.search({ + keyword:'酒店', + success:function (res) { + console.log(res) + }, + fail: function(res) { + console.log(res) + }, + complate: function(res) { + console.log(res) + } + }) + }, + + //makers标记点 + markers: { + iconPath: "/resources/others.png", //图标资源路径 + id: 0, //标记点id + latitude: 23.099994, //纬度 + longitude: 113.324520, //经度 + width: 50, //图标宽度 + height: 50 //图标宽度 + }, +//controls设置 + controls: [{ + id: 1, + iconPath: '../../images/banner.png', + position: { + left: 0, + top: 10, + width: 375, + height: 71 + }, + clickable: true + }] + + +}) + +wx.getSystemInfo({ + success: function(res) { + console.log(res.model) //手机型号 + console.log(res.pixelRatio) //设备像素比 + console.log(res.windowWidth) //可使用窗口宽度 + console.log(res.windowHeight) //可使用窗口高度 + console.log(res.language) //微信设置的语言 + console.log(res.version) //微信版本号 + console.log(res.platform) //客户端平台 + } +}) + + diff --git a/pages/index/index.wxml b/pages/index/index.wxml new file mode 100644 index 0000000..a7772aa --- /dev/null +++ b/pages/index/index.wxml @@ -0,0 +1,2 @@ + +pages/index/index.wxml diff --git a/pages/map/map.js b/pages/map/map.js new file mode 100644 index 0000000..97ad690 --- /dev/null +++ b/pages/map/map.js @@ -0,0 +1,138 @@ +// pages/map/map.js +//腾讯地图SDK +var QQMapWX = require('../../libs/qqmap-wx-jssdk') +Page({ + qqmapsdk: new QQMapWX ({ + key: '2Y2BZ-ABTA7-5UMXN-HCB7R-XZIWO-FGB3C' + }), + /** + * 页面的初始数据 + */ + data: { + mapw: '100%', //地图宽度 + maph: '0', + scale: '18', + longitude: null, + latitude: null, + markers: null + }, + markIndex: 0, + mapCtx: null, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function() { + this.mapCtx = wx.createMapContext('map') + //获取窗口的宽度和高度 + wx.getSystemInfo({ + success: res => { + var mapw = res.windowWidth + var maph = res.windowHeight + this.setData({ + maph: maph + 'px', + //设置控件显示 + controle: [{ + id: 1, + iconPath: '/images/banner.png', + position: {left: 0, top: 10, width: mapw, height: 74}, + clickable: true + }, { + id: 2, + iconPath: '/images/gps.png', + position: {left: 10, top: maph-50, width: 40, height: 40}, + clickable: true + }, { + id: 3, + iconPath: '/images/gift.png', + position: {left: mapw-60, top: maph-120, width: 40, height: 40}, + clickable: true + }, { + id: 4, + iconPath: '/images/cost.png', + position: {left: mapw-60, top: maph-60, width: 40, height: 40}, + clickable: true + }] + }) + } + }) + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + + //获取当前位置(经纬度) + onReady: function() { + wx.getLocation({ + type: 'gcj02', + success: res => { + this.setData({ + longitude: res.longitude, + latitude: res.latitude + }) + } + }) + }, + getFood: function(longitude, latitude) { + //调用接口 + this.qqmapsdk.search({ + keyword: '餐厅', + location: { + longitude: longitude, + latiude: latitude + }, + success: res => { + console.log(res.data) + var mark = [] + //返回查找结果 + for (let i in res.data) { + mark.push({ + iconPath: '/images/food.png', + id: i, + latitude: res.data[i].location.lat, + longitude: res.data[i].location.lng + }) + } + mark.push({ + iconPath: '/images/center.png', + id: res.data.length, + latitude: latitude, + longitude: longitude + }) + //将搜索结果显示在地图上 + this.setData({ + markers: mark + }) + } + }) + }, + + //单击控件,id=2返回中心位置,id=1跳转优惠券页面 +bindControlTap: function(e) { + var id = e.controlId + if (id === 1) { + wx.navigateTo({ + url: '/pages/coupon/coupon', + }) + } else if (id === 2){ + //将地图中心移动到当前定位 + this.mapCtx.moveToLocation() + } +}, + +//事业变化获取中心点坐标 +bindRegionChange: function(e) { + if (e.type === 'end') { + this.mapCtx.getCenterLocation({ + success: res => { + this.getFood(res.longitude, res.latitude) + } + }) + } +} +}) + + + + diff --git a/pages/map/map.json b/pages/map/map.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/map/map.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/map/map.wxml b/pages/map/map.wxml new file mode 100644 index 0000000..6b2f2dc --- /dev/null +++ b/pages/map/map.wxml @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/pages/map/map.wxss b/pages/map/map.wxss new file mode 100644 index 0000000..0864ef4 --- /dev/null +++ b/pages/map/map.wxss @@ -0,0 +1 @@ +/* pages/map/map.wxss */ \ No newline at end of file diff --git a/project.config.json b/project.config.json new file mode 100644 index 0000000..77ad783 --- /dev/null +++ b/project.config.json @@ -0,0 +1,54 @@ +{ + "description": "项目配置文件", + "packOptions": { + "ignore": [], + "include": [] + }, + "setting": { + "bundle": false, + "userConfirmedBundleSwitch": false, + "urlCheck": true, + "scopeDataCheck": false, + "coverView": true, + "es6": true, + "postcss": true, + "compileHotReLoad": false, + "lazyloadPlaceholderEnable": false, + "preloadBackgroundData": false, + "minified": true, + "autoAudits": false, + "newFeature": false, + "uglifyFileName": false, + "uploadWithSourceMap": true, + "useIsolateContext": true, + "nodeModules": false, + "enhance": true, + "useMultiFrameRuntime": true, + "useApiHook": true, + "useApiHostProcess": true, + "showShadowRootInWxmlPanel": true, + "packNpmManually": false, + "enableEngineNative": false, + "packNpmRelationList": [], + "minifyWXSS": true, + "showES6CompileOption": false, + "minifyWXML": true, + "babelSetting": { + "ignore": [], + "disablePlugins": [], + "outputPath": "" + }, + "condition": false + }, + "compileType": "miniprogram", + "libVersion": "2.19.4", + "appid": "wxd6d38f0787fb9330", + "projectname": "miniprogram-92", + "condition": {}, + "editorSetting": { + "tabIndent": "auto", + "tabSize": 2 + }, + "ignoreDevUnusedFiles": false, + "ignoreUploadUnisedFiles": false +} \ No newline at end of file diff --git a/project.private.config.json b/project.private.config.json new file mode 100644 index 0000000..383a263 --- /dev/null +++ b/project.private.config.json @@ -0,0 +1,7 @@ +{ + "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", + "projectname": "restaurant", + "setting": { + "compileHotReLoad": true + } +} \ No newline at end of file diff --git a/截图.png b/截图.png new file mode 100644 index 0000000..b1d11a2 Binary files /dev/null and b/截图.png differ