From 51cdc316b4561dcf95e019b34963961ba4eb48ee Mon Sep 17 00:00:00 2001
From: Anne_LXM <liuxiaomei@dcloud.io>
Date: Thu, 27 Jun 2024 15:30:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5uni1=20web=E7=AB=AFapi?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B=EF=BC=88=E5=9C=B0=E5=9B=BE=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?/=E6=9F=A5=E7=9C=8B=E4=BD=8D=E7=BD=AE=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    | 14 ++++
 .../API/choose-location/choose-location.uvue  | 72 ++++++++++++++++++
 pages/API/open-location/open-location.uvue    | 75 +++++++++++++++++++
 pages/tabBar/API.uvue                         | 21 +++---
 4 files changed, 173 insertions(+), 9 deletions(-)
 create mode 100644 pages/API/choose-location/choose-location.uvue
 create mode 100644 pages/API/open-location/open-location.uvue

diff --git a/pages.json b/pages.json
index 4474ed41..c807f5c4 100644
--- a/pages.json
+++ b/pages.json
@@ -400,6 +400,20 @@
         "navigationBarTitleText" : "editor"
       }
     },
+    {
+      "path" : "pages/API/open-location/open-location",
+      "style" :
+      {
+        "navigationBarTitleText" : "open-location"
+      }
+    },
+    {
+      "path" : "pages/API/choose-location/choose-location",
+      "style" :
+      {
+        "navigationBarTitleText" : "choose-location"
+      }
+    },
     // #endif
     {
       "path": "pages/component/list-view/issue-2199",
diff --git a/pages/API/choose-location/choose-location.uvue b/pages/API/choose-location/choose-location.uvue
new file mode 100644
index 00000000..c2f931a9
--- /dev/null
+++ b/pages/API/choose-location/choose-location.uvue
@@ -0,0 +1,72 @@
+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-padding-wrap">
+			<view style="background:#FFFFFF; padding:40rpx;">
+				<view class="uni-hello-text uni-center">当前位置信息</view>
+				<block v-if="hasLocation === false">
+					<view class="uni-h2 uni-center uni-common-mt">未选择位置</view>
+				</block>
+				<block v-if="hasLocation === true">
+					<view class="uni-hello-text uni-center" style="margin-top:10px;">
+						{{locationAddress}}
+					</view>
+					<view class="uni-h2 uni-center uni-common-mt">
+						<text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
+						<text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
+					</view>
+				</block>
+			</view>
+			<view class="uni-btn-v">
+				<button type="primary" @tap="chooseLocation">选择位置</button>
+				<button @tap="clear">清空</button>
+			</view>
+		</view>
+	</view>
+</template>
+<script lang="uts">
+	function formatLocation(longitude, latitude) {
+		if (typeof longitude === 'string' && typeof latitude === 'string') {
+			longitude = parseFloat(longitude)
+			latitude = parseFloat(latitude)
+		}
+		longitude = longitude.toFixed(2)
+		latitude = latitude.toFixed(2)
+		return {
+			longitude: longitude.toString().split('.'),
+			latitude: latitude.toString().split('.')
+		}
+	}
+	export default {
+		data() {
+			return {
+				title: 'chooseLocation',
+				hasLocation: false,
+				location: {},
+				locationAddress: ''
+			}
+		},
+		methods: {
+			chooseLocation: function () {
+				uni.chooseLocation({
+					success: (res) => {
+            console.log(res,123)
+						this.hasLocation = true,
+						this.location = formatLocation(res.longitude, res.latitude),
+						this.locationAddress = res.address
+					}
+				})
+			},
+			clear: function () {
+				this.hasLocation = false
+			}
+		}
+	}
+</script>
+
+<style>
+	.page-body-info {
+		padding-bottom: 0;
+		height: 440rpx;
+	}
+</style>
diff --git a/pages/API/open-location/open-location.uvue b/pages/API/open-location/open-location.uvue
new file mode 100644
index 00000000..0daef1a2
--- /dev/null
+++ b/pages/API/open-location/open-location.uvue
@@ -0,0 +1,75 @@
+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-common-mt">
+			<form @submit="openLocation">
+				<view class="uni-list">
+					<view class="uni-list-cell">
+						<view class="uni-list-cell-left">
+							<view class="uni-label">经度</view>
+						</view>
+						<view class="uni-list-cell-db">
+							<input class="uni-input" type="text" :disabled="true" value="116.39747" name="longitude"/>
+						</view>
+					</view>
+					<view class="uni-list-cell">
+						<view class="uni-list-cell-left">
+							<view class="uni-label">纬度</view>
+						</view>
+						<view class="uni-list-cell-db">
+							<input class="uni-input" type="text" :disabled="true" value="39.9085" name="latitude"/>
+						</view>
+					</view>
+					<view class="uni-list-cell">
+						<view class="uni-list-cell-left">
+							<view class="uni-label">位置名称</view>
+						</view>
+						<view class="uni-list-cell-db">
+							<input class="uni-input" type="text" :disabled="true" value="天安门" name="name"/>
+						</view>
+					</view>
+					<view class="uni-list-cell">
+						<view class="uni-list-cell-left">
+							<view class="uni-label">详细位置</view>
+						</view>
+						<view class="uni-list-cell-db">
+							<input class="uni-input" type="text" :disabled="true" value="北京市东城区东长安街" name="address"/>
+						</view>
+					</view>
+				</view>
+				<view class="uni-padding-wrap">
+					<view class="uni-btn-v uni-common-mt">
+						<button type="primary" formType="submit">查看位置</button>
+					</view>
+				</view>
+			</form>
+		</view>
+	</view>
+</template>
+<script lang="uts">
+	export default {
+		data() {
+			return {
+				title: 'openLocation'
+			}
+		},
+		methods: {
+			openLocation: function (e) {
+				console.log(e)
+				var value = e.detail.value
+				uni.openLocation({
+					longitude: Number(value.longitude),
+					latitude: Number(value.latitude),
+					name: value.name,
+					address: value.address
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-list-cell-left {
+		padding: 0 30rpx;
+	}
+</style>
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 5ce38b8c..99cae142 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -423,15 +423,18 @@
               {
                 name: '获取当前位置',
                 url: 'get-location',
-              },
-              /* {
-                name: "使用地图查看位置",
-                url: "open-location",
-              },
-              {
-                name: "使用地图选择位置",
-                url: "choose-location",
-              },
+              },
+              // #ifdef WEB
+              {
+                name: "使用地图查看位置",
+                url: "open-location",
+              },
+              {
+                name: "使用地图选择位置",
+                url: "choose-location",
+              },
+              // #endif
+              /*
               {
                 name: "地图搜索",
                 url: "map-search",
-- 
GitLab