如何从Google Maps API中获取仅含城市和州的地址（移除国家信息）？

当然可行！我给你两种靠谱的方案，一种是从API请求层面就精准获取需要的信息（更稳妥），另一种是拿到结果后在前端快速处理，结合你的Laravel Blade和JavaScript场景给你具体实现：

Google Places API返回的结果里包含了结构化的address_components字段，我们可以直接提取需要的城市和州（行政区域），完全避开国家信息。这种方法适配不同地址格式，不会因为字符串结构变化出错。

Laravel Blade 表单部分 #

先确保你的输入框有唯一ID，方便JS操作：

<form method="POST" action="{{ route('your.location.route') }}">
  @csrf
  <div class="mb-3">
    <label for="location_input" class="form-label">目标地点</label>
    <input type="text" class="form-control" id="location_input" name="location" placeholder="输入城市/地区">
  </div>
  <button type="submit" class="btn btn-primary">提交</button>
</form>

JavaScript 处理逻辑 #

初始化Autocomplete服务时，还可以限制地区（比如只美国），然后监听选中事件，提取需要的地址组件：

// 确保已加载Google Maps Places API脚本
document.addEventListener('DOMContentLoaded', function() {
  const input = document.getElementById('location_input');
  // 初始化自动完成，限制美国地区
  const autocomplete = new google.maps.places.Autocomplete(input, {
    componentRestrictions: { country: 'us' },
    types: ['(cities)'] // 只返回城市类结果，缩小范围
  });

  // 监听用户选中地址的事件
  autocomplete.addListener('place_changed', function() {
    const place = autocomplete.getPlace();
    let trimmedAddress = '';

    // 遍历地址组件，只提取城市（locality）和州（administrative_area_level_1）
    place.address_components.forEach(component => {
      const types = component.types;
      if (types.includes('locality') || types.includes('administrative_area_level_1')) {
        trimmedAddress += (trimmedAddress ? ', ' : '') + component.long_name;
      }
    });

    // 将处理后的地址赋值回输入框
    input.value = trimmedAddress;
  });
});

如果不想调整API请求逻辑，也可以直接对返回的完整地址做字符串处理。比如美国地址通常国家在最后一项，用逗号分割后去掉最后部分即可：

autocomplete.addListener('place_changed', function() {
  const place = autocomplete.getPlace();
  const fullAddress = place.formatted_address;
  // 分割地址并去除空格
  const addressParts = fullAddress.split(',').map(part => part.trim());
  // 移除最后一个元素（国家信息）
  addressParts.pop();
  // 重新拼接成目标格式
  const trimmedAddress = addressParts.join(', ');
  input.value = trimmedAddress;
});

⚠️ 注意：这种方法依赖固定的地址格式，如果用户搜索其他国家的地址，可能会出错，所以只适合场景单一的情况。

额外提示 #

• 确保你的Google Cloud项目已经启用了Places API，并且API密钥有正确的权限和访问限制
• 如果需要支持多国地址，要根据不同国家调整address_components的类型判断（比如有些国家的行政区域类型不同）

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