<meta name="viewport" content="width=device-width, initial-scale=1.0" />
修改为
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

input {
  width: 70%;
  height: 33px;
  padding-left: 10px;
  /* border: none; */
  border: 1px solid #b5b5b5;
  border-radius: 10px;
  outline: none;
}

// 初始化地图
const initMap = () => {
  ...其他代码

  // 初始化地图失去输入框焦点
  document.getElementById("searchPlaceInput").blur();
  // 点击，拖拽，缩放地图都要让输入框失去焦点
  map.addEventListener("click", (e) => {
    document.getElementById("searchPlaceInput").blur();
  });
  map.addEventListener("zoomend", (e) => {
    document.getElementById("searchPlaceInput").blur();
  });
  map.addEventListener("touchstart", (e) => {
    document.getElementById("searchPlaceInput").blur();
  });
  map.addEventListener("touchmove", (e) => {
    document.getElementById("searchPlaceInput").blur();
  });
  map.addEventListener("touchend", (e) => {
    document.getElementById("searchPlaceInput").blur();
  });

  ...其他代码
};

// h5MapFunc是Java的类，getUserInfo是它下面的方法
if (window.h5MapFunc && typeof window.h5MapFunc.getUserInfo === "function") {
  window.h5MapFunc.getUserInfo();
}

// 大概是长这样的东西
'{"name":"小白","age":12,"money":2000,"info":"其他信息"}'

// 调用安卓的方法
const callAndroidMethod = () => {
  if (window.h5MapFunc && typeof window.h5MapFunc.getUserInfo === "function") {
    const userInfo = window.h5MapFunc.getUserInfo();

    const name = userInfo.match(/"name":"(.*?)"/)[1];
    const age = userInfo.match(/"age":([\d]+)/)[1];
    const money = userInfo.match(/"money":([\d]+)/)[1];
    const info = userInfo.match(/"info":"(.*?)"/)[1];
    
    // 小白 12 2000 其他信息
    console.log(name, age, money, info)
  }
};