地图修改

ln_jq_app/assets/html/map.html

@@ -145,7 +145,7 @@
 
     <div id="search-box">
         <div class="input-row">
-            <input id="startInput" placeholder="起点: 默认使用当前位置" readonly />
+            <input id="startInput" placeholder="起点: 默认使用当前位置" />
         </div>
         <div class="input-row">
             <input id="endInput" placeholder="终点: 请输入目的地" />
@@ -219,6 +219,9 @@
             }
 
             // --- 输入提示 ---
+            new AMap.AutoComplete({
+                input: "startInput"
+            });
             new AMap.AutoComplete({
                 input: "endInput"
             });
@@ -229,34 +232,39 @@
          * Flutter 端调用: webViewController.evaluateJavascript("updateMyLocation(...)")
          */
         function updateMyLocation(lat, lng, angle) {
-            // 1. 更新全局变量，供 backToLocation 使用
-            currentLat = lat;
-            currentLng = lng;
+            var rawLat = parseFloat(lat);
+            var rawLng = parseFloat(lng);
+            var rawAngle = parseFloat(angle);
+            var gps = [rawLng, rawLat];
 
-            var position = [lng, lat];
+            AMap.convertFrom(gps, 'gps', function (status, result) {
+                if (result.info === 'ok') {
+                    var mPoint = result.locations[0];
+                    currentLng = mPoint.lng;
+                    currentLat = mPoint.lat;
+                    var position = [currentLng, currentLat];
 
-            // 2. 绘制或移动 Marker (这就是所谓的“原有逻辑”)
-            if (!marker) {
-                // 如果是第一次收到定位，创建 Marker
-                marker = new AMap.Marker({
-                    map: map,
-                    position: position,
-                    icon: "https://webapi.amap.com/images/car.png",
-                    offset: new AMap.Pixel(-26, -13),
-                    autoRotation: true,
-                    angle: angle || 0,
-                });
-                map.setCenter(position); // 首次定位自动居中
+                    if (!marker) {
+                        marker = new AMap.Marker({
+                            map: map,
+                            position: position,
+                            icon: "https://webapi.amap.com/images/car.png",
+                            offset: new AMap.Pixel(-26, -13),
+                            autoRotation: true,
+                            angle: isNaN(rawAngle) ? 0 : rawAngle,
+                        });
+                        map.setCenter(position);
 
-                // 自动填充起点输入框
-                document.getElementById('startInput').value = "我的位置";
-            } else {
-                // 后续定位，使用动画平滑移动
-                marker.moveTo(position, {
-                    duration: 1000, // 假设 Flutter 每 1s 传一次数据
-                    autoRotation: true
-                });
-            }
+                        
+                    } else {
+                        marker.moveTo(position, {
+                            duration: 1000,
+                            autoRotation: true
+                        });
+                        if (!isNaN(rawAngle)) marker.setAngle(rawAngle);
+                    }
+                }
+            });
         }
 
         /**
@@ -279,54 +287,65 @@
          * 核心功能 3: 路径规划
          */
         function startRouteSearch() {
+            // 获取输入框的文字
+            var startKw = document.getElementById('startInput').value;
             var endKw = document.getElementById('endInput').value;
 
             if (!endKw) {
-                console.log("JS: 终点不能为空");
+                alert("请输入终点");
                 return;
             }
 
             // 清除旧路线
             if (driving) driving.clear();
-            if (truckDriving) truckDriving.clear();
 
             // 收起键盘
+            document.getElementById('startInput').blur();
             document.getElementById('endInput').blur();
 
-            // 构造参数
+            // --- 构造路径规划的点 (使用数组方式，更灵活) ---
             var points = [];
 
-            // 起点：默认使用当前定位
-            if (currentLng && currentLat) {
+            // 1. 处理起点逻辑
+            // 如果输入框是空的，或者写着 "我的位置"，则使用 GPS 坐标
+            if (!startKw || startKw === '我的位置') {
+                if (!currentLng || !currentLat) {
+                    // 如果还没获取到定位
+                    if (window.flutter_inappwebview) {
+                        window.flutter_inappwebview.callHandler('requestLocation');
+                    }
+                    alert("正在获取定位，请稍后...");
+                    return;
+                }
+                // 使用精准坐标对象 (避免高德去猜 '我的位置' 关键词)
                 points.push({
-                    keyword: '我的位置',
-                    location: new AMap.LngLat(currentLng, currentLat)
+                    keyword: '我的位置', // 用于显示的名字
+                    location: new AMap.LngLat(currentLng, currentLat) // 实际导航用的坐标
                 });
             } else {
-                alert("未获取到定位，请稍后再试");
-                return;
+                // 如果用户手动输入了地点 (例如 "北京南站")
+                // 直接存入关键词，让高德自己去搜
+                points.push({
+                    keyword: startKw
+                });
             }
 
-            // 终点
+            // 2. 处理终点逻辑 (通常是关键词)
             points.push({
                 keyword: endKw
             });
 
-            // 开始搜索 (以轿车为例)
+            // 3. 发起搜索
+            // points 数组里现在是一个起点对象和一个终点对象
             driving.search(points, function (status, result) {
                 if (status === 'complete') {
                     console.log('JS: 规划成功');
-
-                    // --- 成功后的 UI 联动 (这就是“原有逻辑”中负责界面的部分) ---
                     var panel = document.getElementById('panel');
                     panel.style.display = 'block';
-
-                    // 给 body 加类名，让定位按钮上移
                     document.body.classList.add('panel-active');
-
                 } else {
-                    console.log('JS: 规划失败: ' + result);
-                    alert("规划失败，请检查地点名称");
+                    console.log('JS: 规划失败', result);
+                    alert("规划失败，请检查起终点名称");
                 }
             });
         }