设置模态框打开默认加载当前位置后geocoder无法搜索其他位置如何解决？

你遇到的问题核心来自两个错误：

• 条件判断语法错误：你用了按位与运算符&而不是逻辑与运算符&&，导致哪怕你传入了有效经纬度，条件判断也可能不通过，触发getLocation()覆盖你传入的坐标，自然就无法加载搜索得到的其他位置。
• 异步逻辑未处理：HTML5的地理位置获取是异步操作，你直接在initMap里调用getLocation()后，函数不会等待位置返回就会执行后续的地图初始化逻辑，此时坐标处于未定义状态，会导致地图实例、geocoder组件初始化异常，后续搜索功能自然无法正常工作。

首先把getLocation改造成返回Promise的形式，方便处理异步逻辑，同时修复initMap的判断逻辑和异步执行顺序，示例代码如下：

// 改造getLocation，异步返回坐标，获取失败时回退到默认坐标
function getLocation() {
  return new Promise((resolve) => {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(
        (pos) => resolve({ lat: pos.coords.latitude, lng: pos.coords.longitude }),
        (err) => {
          console.error('获取位置失败，使用默认坐标：', err)
          resolve({ lat: -72.43234, lng: 1.23423 })
        }
      )
    } else {
      resolve({ lat: -72.43234, lng: 1.23423 })
    }
  })
}

// 改造initMap为异步函数，保证坐标确定后再初始化地图
async function initMap(lat, lng) {
  let finalLat, finalLng
  // 修复条件判断，新增有效值校验，避免无效坐标传入
  if (lat && lng && !isNaN(parseFloat(lat)) && !isNaN(parseFloat(lng))) {
    finalLat = parseFloat(lat)
    finalLng = parseFloat(lng)
  } else {
    // 等待位置获取完成再往下执行
    const pos = await getLocation()
    finalLat = pos.lat
    finalLng = pos.lng
  }
  // 原有的地图初始化、中心点设置、geocoder绑定逻辑都放在这里执行
  // 例：map = new BMapGL.Map("container"); map.centerAndZoom(new BMapGL.Point(finalLng, finalLat), 12);
}

• 搜索栏检索到其他位置的坐标后，直接把坐标作为参数调用initMap，或者单独调用地图SDK提供的setCenter方法更新中心点即可，不要重复触发无参的initMap。
• 保证全局地图实例唯一，不要重复初始化地图导致坐标上下文冲突。
• 模态框关闭时如果需要清除旧数据，可手动销毁地图实例，避免下次打开时旧坐标干扰。

内容的提问来源于stack exchange，提问作者Pruthviraj Rathod