定位准备测试~

王强
1 parent aadd2d82
Showing 2 changed files with 91 additions and 8 deletions
src/common/helper.class.js
src/pages/search/search.vue
@@ -196,4 +196,24 @@ export default class Helper {
  
 	/* 数据格式处理 结束 */
  
+	/* 定位 开始 */
+	
+	/**
+	 * 获取用户地理位置坐标
+	 * @param {Function} success [成功回调函数，获取定位坐标]
+	 * @param {Function} error [错误回调函数，错误代码和信息]
+	 * @param {Function} notSupport [浏览器不支持定位方法]
+	 */
+	getLocation(success, error, notSupport) {
+		if (navigator.geolocation) {	// 支持定位
+			navigator.geolocation.getCurrentPosition(success, error);
+		} else {	// 不支持定位
+			if (typeof notSupport === "function") {
+				notSupport();
+			}
+		}
+	}
+
+	/* 定位 结束 */
+
 }
 \ No newline at end of file
@@ -96,7 +96,8 @@
                 },
                 coordinate: {           // 经纬度定位参数
                     longitude: "0",
-                    latitude: "0"
+                    latitude: "0",
+                    location: false
                 },
                 titles: {               // 板块标题
                     goods: {
@@ -190,6 +191,71 @@
             },
  
             /**
+             * 初始化页面
+             */
+            initPage() {
+
+                // 定位执行完成，设置定位成功标识参数
+                this.$set(this.coordinate, "location", true);
+
+                // 设置搜索历史和会话搜索关键字
+                this.getSearchHistoryArr();
+
+                // 判断如果有搜索关键字，进行搜索
+                if (this.$refs.searchCom.getKeyword()) {
+
+                    // 搜索
+                    this.doConfirm(this.$refs.searchCom.getKeyword());
+                }
+            },
+            
+            /**
+             * 获取用户定位坐标回调
+             * @param {Object} position [坐标数据对象]
+             */
+            positionCallback(position) {
+
+                // 设置经纬度定位参数
+                this.$set(this.coordinate, "longitude", position.coords.longitude);
+                this.$set(this.coordinate, "latitude", position.coords.latitude);
+
+                // 定位执行完成，设置定位成功标识参数
+                this.$set(this.coordinate, "location", true);
+
+                // 根据实际状况，调用获取数据接口，
+                this.initPage();
+            },
+
+            /**
+             * 获取用户定位坐标(error)回调
+             * @param {Object} positionError [错误信息对象]
+             */
+            positionErrorCallback(positionError) {
+
+                // 定位出错提示
+                switch(positionError.code) {
+                    case positionError.PERMISSION_DENIED:
+                        Toast("用户拒绝定位");
+                        break;
+                    case positionError.POSITION_UNAVAILABLE:
+                        Toast("无权获取当前位置");
+                        break;
+                    case positionError.TIMEOUT:
+                        Toast("定位请求超时");
+                        break;
+                    case positionError.UNKNOWN_ERROR:
+                        Toast("未知定位错误");
+                        break;
+                }
+
+                // 定位执行完成，设置定位成功标识参数
+                this.$set(this.coordinate, "location", true);
+
+                // 根据实际状况，调用获取数据接口，
+                this.initPage();
+            },
+
+            /**
              * 全局搜索
              * @param {String} keyword [搜索关键字]
              */
@@ -799,14 +865,11 @@
         },
         mounted() {
  
-            // 设置搜索历史和会话搜索关键字
-            this.getSearchHistoryArr();
-
-            // 判断如果有搜索关键字，进行搜索
-            if (this.$refs.searchCom.getKeyword()) {
+            // 获取用户定位坐标
+            if (typeof this.$parent.helper === "object" && typeof this.$parent.helper.getLocation === "function") {
  
-                // 搜索
-                this.doConfirm(this.$refs.searchCom.getKeyword());
+                // 获取用户定位坐标
+                this.$parent.helper.getLocation(this.positionCallback, this.positionErrorCallback, this.initPage);
             }
         }
     }